Как правильно реализовывать это на SVG?

Question

[Максим]

Это пример того что должно получится в итоге : Песочница

Но вопрос : как это можно кроссбраузерно реализовать на SVG , про SVG MASK знаю но не понимаю как это сделать , подтолкните меня в нужную сторону.
Я вырезал в графическом редакторе нужную мне форму и разместил у себя на хосте , и воспользовался как прозрачный фон с частичной видимостью , т.е обычная рамка
Всякие формы и фигуры на SVG делаю в ручном режиме но вот как придать подобные формы не знаю ! Помогите разобраться

в общем разобрался самостоятельно : DEFS

Answer 1

[Дмитрий Клусевич]

css.yoksel.ru/css-and-svg-masks Хорошо описанно

Comments

[Максим]

я эту ссылку 1000 раз просмотрел и читал - жаль что минус или дизлайк ставить здесь нельзя

[Дмитрий Клусевич]

Там для чайников все описано + неплохие примеры. Как вы тогда доки читаете....

[Максим]

Дмитрий Клусевич: там описывают но нету приведённого примера , к примеру для #clipping-star