Javascript 旋转svg onclick

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

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

---

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

一个错误是在svg元素中使用div。您可以尝试改用

元素。 还有许多

.circle\u seg

的css规则是无用的。我已经注释掉了这些，但我已经添加了。这将使“段”对鼠标事件（如单击）敏感

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

---

一个错误是您正在svg元素中使用div。您可以尝试改用

元素。 还有许多

.circle\u seg

的css规则是无用的。我已经注释掉了这些，但我已经添加了。这将使“段”对鼠标事件（如单击）敏感

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

---

为什么要删除您发布的示例代码？如果你得到了你的答案，把它留给其他可能觉得有用的人。你为什么要删除你发布的示例代码？如果你得到了你的答案，把它留给其他可能觉得有用的人。谢谢。这适用于除IE之外的所有浏览器。在IE上，当我单击粉色区域的任何位置时，它只会跳转到新的部分，而不会逐渐移动。你能提出解决这个问题的办法吗？感谢

指针事件

应该可以在IE 11上工作：。“它跳跃”的事实意味着“片段”对鼠标很敏感。可能是别的什么东西不起作用。很高兴看到你的代码这里是链接-，IE的调试模式链接是-谢谢。这适用于除IE之外的所有浏览器。在IE上，当我单击粉色区域的任何位置时，它只会跳转到新的部分，而不会逐渐移动。你能提出解决这个问题的办法吗？感谢

指针事件

应该可以在IE 11上工作：。“它跳跃”的事实意味着“片段”对鼠标很敏感。可能是别的什么东西不起作用。很高兴看到你的代码这里是链接-，IE的调试模式链接是-