raphael如何更改顏色

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