动画拉斐尔对象

Question

我对 raphael.js 很陌生，我正在尝试为 raphael 元素制作动画。例如，我使用 paper.path() 绘制了一个箭头。

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

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

Answer 1

使用.animate()。 例如，

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

其中百分比是达到指定持续时间（在本例中为 2500 毫秒）的帧步数。