javascript - KineticJS中形状组的动画样式属性？

Question

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

Answer 1

是的，没有组级别的set方法。

在每个动画帧上，遍历您组的孩子并使用setFill()and 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");
    }
}