用SVG屏蔽元素

用SVG屏蔽元素,svg,mask,masking,clipping,Svg,Mask,Masking,Clipping,我有一个人造圆(边界半径50%宽度和高度),里面有一堆HTML。。。有没有可能创建一个SVG来覆盖和屏蔽它,这样圆圈内的任何东西都不会接触到其他东西?我有手柄和附加按钮等,连接到圆圈界面。。。有时碎片重叠。我希望按钮也能通过SVG屏蔽。。。我在这个概念上遇到了很多障碍,我发现要完全满足用户界面的要求,很难破译其中的信息 艾切teeteepee://jsfiddle.net/ymtV3/ 类似于这种效果的东西,但想象一下,随着界面旋转,沿着外边缘添加的“手柄”或“按钮”会被覆盖。我已经想出了各种各

我有一个人造圆(边界半径50%宽度和高度),里面有一堆HTML。。。有没有可能创建一个SVG来覆盖和屏蔽它,这样圆圈内的任何东西都不会接触到其他东西?我有手柄和附加按钮等,连接到圆圈界面。。。有时碎片重叠。我希望按钮也能通过SVG屏蔽。。。我在这个概念上遇到了很多障碍,我发现要完全满足用户界面的要求,很难破译其中的信息

艾切teeteepee://jsfiddle.net/ymtV3/

类似于这种效果的东西,但想象一下,随着界面旋转,沿着外边缘添加的“手柄”或“按钮”会被覆盖。我已经想出了各种各样的破解方法,它们工作得很好,但理想情况下,这将被正确地创建,并根据需要剪裁图像