Использование SVG в качестве маски изображения, которая растягивает полную ширину, но имеет вырезок с фиксированным разм ⇐ Html

[Anonymous]

Использую SVG в качестве маски изображения для создания разделителей раздела.

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

Я устанавливает консерваэсплектрой = 'none' , чтобы маски SVG растягиваются в полной сложности. Треугольник вырезан, который остается фиксированной шириной, даже если страница становится все шире:

Я не ищу каких -либо решений, кроме Svg's, как я построил Divg's Divg's Libride's As Divg's Basg's Divg's Basg's Divg. изображение-маска . Я знаю, что могу сделать это с чем -то вроде: < /p>

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

clip-path: polygon(0 0, calc(50% - 80px) 0, 50% 50px, calc(50% + 80px) 0, 100% 0, 100% 100%, 0 100%);

Если это невозможно с SVG's, то я рассмотрю возможность добавить поддержку клипа в мою библиотеку разделителей, но я хотел бы знать, есть ли трюк SVG, чтобы заставить это работать. />https://jsfiddle.net/kpd1lrgh/

Подробнее здесь: https://stackoverflow.com/questions/797 ... ed-cut-out