javascript - 如何制作 svg 描边颜色动画？

Question

我有 svg 图片，我想为描边颜色设置动画:

我已经尝试过，但没有任何反应:

$(".svg-path").animate('stroke','blue')

当我直接设置属性而不设置动​​画时它会起作用:

$(".svg-path").attr('stroke','blue')

可以这样做吗？

Answer 1

已解决。

我忘记添加钩子(Hook)来支持其他 CSS 属性:

jQuery.Color.hook( "stroke" );

然后

 $(".svg-path").animate({
    'stroke': 'blue'
 }, 200);

效果很好!