我有一个虚拟圆圈(边界半径50%宽度和高度),里面有一堆HTML ...是否可以创建一个将覆盖并遮盖它的SVG,以便圆圈内没有任何东西会碰到别的吗?我有把手和附加按钮等,附加到圆形界面...偶尔碎片重叠。我希望通过SVG屏蔽这些按钮......我遇到了很多关于这个概念的障碍,并且发现很难破译那里的信息以完全满足要求用户界面。
aycheteeteepee://jsfiddle.net/ymtV3/
有这样的效果,但想象一下沿着外边缘添加“手柄”或“按钮”,当界面旋转时会被覆盖。我想出了各种各样的黑客并且它们工作正常,但理想情况下,这将根据图像剪裁正确创建。