点击旋转 svg

Question

我想在单击时旋转粉红色区域并从当前位置移动到新角度。

我们需要保存当前位置，然后单击时，我们需要从当前位置移动到新位置。

任何帮助将不胜感激。谢谢！

Answer 1

一个错误是你在 svg 元素中使用了div。您可以尝试改用<g>元素。 此外，许多用于.circle_seg的 css 规则也是无用的。我已经注释掉了这些，但我添加了指针事件：all;。这将使"段"对点击等鼠标事件敏感。

.circle_seg {
/*height: 100%;
position: absolute;
width: 100%;*/
pointer-events:all;
cursor: pointer;
fill:none;
}