Как дорисовать SVG маску?

Question

[Cheizer]

Друзья, подскажите пожалуйста, слаб в рисовании SVG, как дорисовать SVG что бы все углы стали закругленными в обратную сторону?
Вот пример с одним углом.


А вот поднял живой пример
https://codepen.io/Cheizer/pen/VwZoBZb

Помогите пожалуйста дорисовать на все 4 угла.

Comments

[origami1024]

Да у тебя уже один угол получился, не ленись давай

[Cheizer]

origami1024, да вот сижу ковыряюсь уже третий час, сначала mask-box-image: + svg маска юзал, оказывается мало поддерживают браузеры, решил остановится на просто SVG маске. Но пока нихера не понятно clipPath path defs viewbox дерьмо сплошное этот svg

[origami1024]

Роман Кузнецов, четыре круга вырежи, чо ты там path налепил какой-то

[Cheizer]

origami1024, четыре круга нарисовать в AI и сохранить как SVG отдельно всмысле? Я впервые в масками сталкиваюсь, сори за глупые вопросы.

Answer 1

[origami1024]

Вот, я быстрее чем ты сделал, лол


Еще и с анимациями, если нужно