Адаптивный clip-path?

Question

[Максим]

Есть блоки, у которых clip-path: url("#svg-clip-0");

Сам svg:

<svg class="svg-clip" xmlns="http://www.w3.org/2000/svg">
<clipPath id="svg-clip-0">
<path d="M0,44.61V60H1900V11.64S1751.78,0,1623.5,0C1298.94,0,913.08,51.45,622,55.94,358.75,60,37.29,51.82,0,44.61Z"></path>
<rect y="60" width="1900" height="958"></rect>
</clipPath>
</svg>

Но картинка обрезается, когда ширина выше чем указана в svg. Как-то можно это исправить? viewBox не помогает, он не работает в clipping. Может как-то можно контролировать path на js?

Answer 1

[monochromer]

https://meyerweb.com/eric/thoughts/2017/02/24/scal...