javascript - KineticJSの形状グループのスタイルプロパティをアニメーション化しますか?

Question

一連の形状のスタイル (ストローク、塗りつぶし) を一度にアニメーション化するためのショートカットはありますか? それとも、個々の形状をループして一度に 1 つずつ更新する必要がありますか? グループ レベルでスタイルを設定しようとしましたが、効果がありませんでした。

Answer 1

はい、グループレベルのset方法はありません。

各アニメーションフレームで、グループの子を繰り返し処理し、とを使用setFill()しsetColor()ます。

var myAnimation= new Kinetic.Animation( changeColors, myLayer );

myAnimation.start();

function changeColors(){

    var children = myKineticGroup.getChildren(); // get children of group

    for(var i=0;i<children.length;i++){
        children[i].setFill("blue");
        children[i].setStroke("red");
    }
}