带孔的模态背景

Question

我试图想出一种方法，我可以创建一个透明的模态背景，但在圆形半径中显示背景的一些部分。像这样的东西。

我的想法说Canvas标签可以实现。欢迎任何建议。提前谢谢。

Answer 1

你可以用多个元素来做，使用SVG或图像作为洞。只会填充图像的角落。

或者你可以创建一个远远超出窗口边缘的大SVG。浏览器可能会将渲染区域剪切到窗口，因此可能执行得不是很糟糕。

Answer 2

你正在寻找面具吗？ http://www.html5rocks.com/en/tutorials/masking/adobe/

浏览器支持看起来不太好

Answer 3

我敢打赌，enjoyhint jQuery plugin正是您所寻找的。

他们有demo here，第三步是像：

这样的圈子