使用SVG屏蔽元素

时间:2013-06-25 20:53:54

标签: svg mask masking clipping

我有一个虚拟圆圈(边界半径50%宽度和高度),里面有一堆HTML ...是否可以创建一个将覆盖并遮盖它的SVG,以便圆圈内没有任何东西会碰到别的吗?我有把手和附加按钮等,附加到圆形界面...偶尔碎片重叠。我希望通过SVG屏蔽这些按钮......我遇到了很多关于这个概念的障碍,并且发现很难破译那里的信息以完全满足要求用户界面。

aycheteeteepee://jsfiddle.net/ymtV3/

有这样的效果,但想象一下沿着外边缘添加“手柄”或“按钮”,当界面旋转时会被覆盖。我想出了各种各样的黑客并且它们工作正常,但理想情况下,这将根据图像剪裁正确创建。

0 个答案:

没有答案