Как расширить изображение SVG вниз, заполняя страницу? ⇐ Html

[Anonymous]

В HTML я пытаюсь использовать графику SVG для создания фонового раздела для части моего сайта. Он использует кривую, которая разделяет одну часть веб-сайта на другую. Мне удалось создать базовый контур общей формы SVG: изображение анимированного баннера и раздела страницы SVG.
Однако я ожидаю, что элемент SVG будет растянут вниз и заполнит остальную часть страницы. Однако это не тот случай, когда прокрутка SVG заканчивается и фон занимает остальную часть сайта: SVG слишком мал.
Мне нужна помощь в расширении SVG, чтобы заполнить остальную часть страницы под ним.
Текущий HTML-код:

Код: Выделить всё

div class="wave">

fill="white"
d="
M0 67
C 273,183
822,-90
2525.01,98
V 359
H 0
V 67
Z">

Я пытался изменить значения SVG, но обычно они просто искажают форму изображения. Мне бы хотелось помочь понять, как понять и решить эту проблему.
Кроме того, как использовать SVG viewBox, чтобы сохранить соотношение сторон изображения?
[Обновление] Вот веб-сайт. Мне нужно переместить изображение SVG вниз, как указано стрелкой, чтобы фон с черными частицами оказался над ним: Обновление изображения

Подробнее здесь: https://stackoverflow.com/questions/754 ... g-the-page