Адаптивные аналоги clip-pach?

Question

[BanterFace]

Нужно обрезать canvas по svg-маске (есть и сам svg-файл, и его аналог - polygon(x1 y1, x2 y2, x3 y3,...)) так, чтобы это было адаптивно. Clip-path в этом плане не прокатит, т.к. не адаптивен. Что посоветуете?

Answer 1

[Алекс Глебов]

Как не адаптивен, он же % поддерживает
codepen.io/SkiperX/pen/PbaeaJ

Comments

[BanterFace]

Но что ширина 10%, что 100%, размеры обрезаемого объекта не меняются. Писать функцию, которая бы брала массив координат точек, и домножала бы его на вычисляемый коэффициент (частное от оптимального экрана и экрана пользователя)? Не знаю, насколько это реально + костыль

[Максим]

в лисе не работает ...

[Алекс Глебов]

. Shadow: https://github.com/AlfonsoFilho/ClipPath

[Максим]

Алекс Глебов: тогда уж SVG , для чего какой то js если и без него можно ?

[BanterFace]

. Shadow: ты про ?

[Максим]

Глеб Сердюков: ну не про но в SVG волоку

[BanterFace]

. Shadow: codepen.io/BanterFace/pen/LbBVBz mask не работает там, где нужно почему-то