javascript - 单击旋转 svg

Question

我想旋转粉红色区域 onclick 并从当前位置移动到新 Angular 。

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

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

Answer 1

一个错误是您在 svg 元素内使用了 div。您可以尝试使用<g>元素代替。还有许多 css 规则 .circle_seg都是无用的。我已将它们注释掉，但我添加了 pointer-events:all; 。这将使“段”对鼠标事件(例如单击)敏感。

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