使用SVG和JS进行转换

Make transition work with SVG and JS

本文关键字：转换 JS SVG 使用      更新时间：2023-09-26

我有一个无法解决的问题。

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

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

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

我遇到的问题就是无法在黑色和红色之间进行填充过渡。颜色会突然变红。它适用于轮换，但不适用于填充，有人有什么想法吗？

您应该使用SVG DOM API。这里有一个很好的教程。通读一遍。一切都解释得很好。

相关文章：