Как в залитом прямоугольнике вырезать прозрачную окружность?

Question

[Александр Широбоков]

Собственно вопрос в заголовке.
Допустим на странице отображён текст, поверх накладываем прямоугольник из свг и нужно сделать так чтобы в определённом месте остался прозрачный (круглый) вырез, через который был бы виден текст.
Как такое сделать, если это вообще возможно?

Answer 1

[Олег]

На css без svg можно так сделать https://jsfiddle.net/htdtLrbz/

Comments

[Ankhena]

Просто праздник :)

Answer 2

[Heik]

Разбейте фигуру на два многоугольника с кривой стороной. Задайте параметры, отрисуйте на бэкенде, слейте в пнг с прозрачностью.