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

【问题标题】：How can i animate an SVG stroke color transition with velocity.js?如何使用velocity.js 为SVG 笔触颜色过渡设置动画？
【发布时间】：2015-08-14 02:37:00
【问题描述】：

我想将 SVG 笔触颜色从红色变为绿色。这可能吗？我已经设法使用“填充”属性来做到这一点，但由于某种原因，我不能用中风来做到这一点。

【问题讨论】：

标签： svg velocity.js

【解决方案1】：

一个解决方案是这样的：

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

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

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

此外，您可以简单地使用“stroke”，但请注意，stroke 需要一个十六进制值，不像上面列出的那些可以是无单位或百分比。

【讨论】：

嗨，谢谢你的回答，它不是在颜色之间转换，它会立即改变。
@danikoren 刚刚更新了答案以理想地解决您的问题