如何使用velocity.js为SVG笔触颜色过渡设置动画？

Question

我想将SVG笔触颜色更改为动画，例如红色到绿色。 这可能吗？ 我已经设法用＆＃34;填充＆＃34;财产，但由于某种原因，我不能用中风。

Answer 1

一种解决方案可能是：

  .velocity({
    strokeRed: 0,
    strokeGreen: 255,
    strokeBlue: 0
    });

我的理解是线性1应该是默认时间，也许添加命名缓动将启用它，

  .velocity({
    strokeRed: 0,
    strokeGreen: 255,
    strokeBlue: 0
    }, "easeInSine");

此外，您可以简单地使用“笔划”，但请注意，笔划需要十六进制值，与上面列出的值不同，可以是无单位或百分比。