0

ちょっとみんな、私が描いた単純な円を手に入れたばかりで、どうすれば自動的に色を変えることができるのだろうと思っていました。たとえば、黒から始まり、オレンジ、黄色、赤などになります。

これは私がこれまでに得たものです。円で黒く、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));

助けてくれてありがとう

4

1 に答える 1

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" );
        });
});

デモはこちら

于 2012-11-24T22:17:01.743 に答える