Question

我有两个似乎彼此冲突的补间。当我只创建一个或另一个时，它们都可以正常工作。如果我创建第一个补间（flipUp），则不再移动x。第二个（匹配）工作正常。如果我改变匹配并删除x：和y：并使其不透明，它们都可以正常工作。

案例1：忽略x：在翻转中。

this.flipUp = new Kinetic.Tween({
                              node: this.group,
                              duration: 0.5,
                                scaleX: 0,
                                x: this.position.x + (width/2),
                               onFinish: this.endFlipUp.bind(this)
                              });

this.match = new Kinetic.Tween({
                                node: this.group,
                                duration: 0.5,
                                x: 0 - width*2,
                                y: 0 - height*2,
                                onFinish: this.endMatch.bind(this)
                                });

案例2：工作正常。

this.flipUp = new Kinetic.Tween({
                              node: this.group,
                              duration: 0.5,
                                scaleX: 0,
                                x: this.position.x + (width/2),
                               onFinish: this.endFlipUp.bind(this)
                              });

this.match = new Kinetic.Tween({
                                node: this.group,
                                duration: 0.5,
                                opacity: 0,
                                onFinish: this.endMatch.bind(this)
                                });

使用kineticjs的最新版本5.1

Answer 1

在第一种情况下，您使用两个具有x属性的补间。如果您同时启动补间，则会出现意外行为。你有什么期望在x财产结束时工作？ this.position.x + (width/2)或0 - width*2？在不同的时间或不同的属性使用此类补间。

当我添加第二个补间时，Kineticjs补间不起作用

1 个答案: