path сделать адаптивным

#html #css #svg

Есть такой svg в коде на фон, и он растягивается на всю страницу как положено, но
path внутри него почему-то не заполняет весь экран:



html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.bg {
  width: 100%;
  height: 100%;
}

.bg svg {
  width: 100%;
  height: 100%;
}

  





Как сделать path внутри svg на всю ширину и высоту экрана?
    

Ответы

Ответ 1

Чтобы понять, где находятся границы svg, добавляем бордюр в шапку svg файла 

style="border:1px solid red;"  После настройки пропорций и размеров эта красная рамка
будет не нужна, сотрите её.  

Чтобы svg занял всё пространство контейнера добавляем внутри svg файла width="100%",
height="100%" и команду preserveAspectRatio="none"