在KineticJS中为一组形状动画样式属性？

Question

是否有一种快捷方式可以一次为一堆形状制作样式（笔触，填充）动画，还是我只需要循环遍历各个形状并一次更新它们？ 我尝试在组级别设置样式，但是没有效果。

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