Question

嘿伙计们刚刚画了一个简单的圆圈，我想知道如何让它自动更改颜色。因此，例如它将从黑色开始然后变为橙色然后变为黄色然后变为红色等。

这是我到目前为止所得到的。只是一些简单的代码，它是一个圆圈，是黑色的，并在1秒后向上移动。

        var ball1 = paper.circle(700,170,30);
        ball1.attr({ fill: "black"});
        var anim = Raphael.animation({cy: 10 , cx: 700}, 10000)
        ball1.animate(anim.delay(1000));

感谢您的帮助

Answer 1

要将黑色圆圈设置为白色，您只需将填充添加到动画

即可

var paper = Raphael( 0, 0, 1000, 1000 );
var ball1 = paper.circle(700,170,30);
ball1.attr({ fill: "black"});

ball1.animate({ cy: 10 , cx: 700 }, 10000 );
ball1.animate({ fill: "yellow" }, 3000, "linear", function( ) {
        ball1.animate({ fill: "orange" }, 3000, "linear", function( ) {
            ball1.animate({ fill: "red" }, 3000, "linear" );
        });
});

演示here

raphael如何改变颜色

1 个答案: