javascript - 动画拉斐尔对象

我对raphael.js很陌生，并且正在尝试为raphael元素设置动画。例如，我使用paper.path（）绘制了一个箭头。

var arrow = paper.path("M10,10L100,100");
arrow.attr({
    "stroke-width": 5,
    "stroke-dasharray": "-.",
    "arrow-end": "classic-wide-long"
});

如何使箭头的颜色在绘制时看起来像是闪烁的？

最佳答案

使用.animate()。
例如。，

arrow.animate({
    "25%": {stroke: "pink", easing: "bounce"},
    "50%": {stroke: "red", easing: "bounce"},
    "75%": {stroke: "pink", easing: "bounce"},
    "100%": {stroke: "red", easing: "bounce"}
},2500);

百分比是达到指定持续时间（在这种情况下为2500ms）的帧步长。

关于javascript - 动画拉斐尔对象，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30997312/