使转换与SVG和JS一起工作

Question

我有这个问题，我无法解决。

我正在做一个菜单，我想要一个很酷的打开/关闭按钮，所以我制作了一个SVG文件并使一切都很漂亮。

.icon-grid {
  width: 50px;
  height: 50px;
  fill: #000;
  transition: all 1s ease;
}

https://jsfiddle.net/mateuszrybin/0n78dg30/ 按下按钮。

我遇到的问题就是无法使填充过渡在黑色和红色之间起作用。颜色只是弹出。它适用于旋转，但不适用于填充，任何人有任何想法？

Answer 1

您应该使用SVG DOM API。有here的好教程。请仔细阅读。一切都得到了很好的解释。