旋转 svg onclick

Question

我想旋转粉色区域onclick并从当前位置移动到一个新的角度。

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

如有任何帮助，我们将不胜感激。谢谢！

Answer 1

一个错误是您在 svg 元素中使用了 div。您可以尝试改用 <g> 元素。 .circle_seg 的许多 css 规则也没有用。我已将它们注释掉，但我添加了 pointer-events:all;。这将使 "segments" 对单击等鼠标事件敏感。

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