Как сверстать с помощью svg картинку что бы ее левая сторона была волнистой?

Question

[Kostylev2021]

Как сверстать с помощью svg картинку с права что бы ее левая сторона была волнистой .
Понимаю что можно бекграундом все сверстать но как с помощью svg.
Просьба если будете выкладывать код выкладывайте на opencode.

Comments

[Ankhena]

но как с помощью svg

Кажется, нужно уточнить вопрос.
Иначе ответ выходит дурацкий: берете SVG и позиционируете куда там нужно.

[Kostylev2021]

Ankhena, Я совсем не разбираюсь в svg.Что значит взять svg. Нельзя ли привести пример в опенкод.
Тогда бы я наверно бы понял .

[Ankhena]

Kostylev2021, экспортируете из фигмы или в чем у вас там макет. Или просите дизайнера, чтобы дал.

Но вообще, конечно, нужно понимать, как устроен svg, но это в гугл, статей полно. Пересказывать их тут не имеет смысла.

[Kostylev2021]

Ankhena, а экспортировать нужно картинку с волнообразной стороной с конца до верха
(выделил черным квадратом что имею ввиду(имеется ввиду без самой картинки и всего остальног )) .

[Kostylev2021]

Ankhena,или вы имеете ввиду что нужно саму картинку сохранить в svg формате

[Ankhena]

Kostylev2021, всю проще.
Ну или почитайте про clip-path