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