2015-11-14 4 views
3

Я пытаюсь выяснить способ, которым я могу создать прозрачный модальный фон, но покажу некоторые части с фона в круглом радиусе. Что-то вроде этого. enter image description hereМодальный фон с отверстием

Мой разум говорит, что это возможно с помощью тега Canvas. Любые предложения приветствуются. Заранее спасибо.

+0

Вы хотите рассчитать размер выделенных частей динамически? – terales

+0

@ Александр Да, я должен. Это не проблема. Проблема заключается в том, как заглянуть в прозрачный div. – pvnarula

+0

Маска SVG - это то, что вы хотите. Вам нужна демонстрация? – terales

ответ

1

Вы можете сделать это с помощью нескольких элементов, используя SVG или изображение для отверстия. Только углы изображения будут заполнены.

enter image description here

Или вы могли бы сделать большой SVG, которые простираются далеко за пределы краев окна. Браузеры, вероятно, обрезают визуализированную область в окне, поэтому она может не работать слишком сильно.