kineticjs - 是否可以过渡到 Kinetic.Line 的点？

Question

这是一个例子：http: //jsfiddle.net/zQQ6P/11/

相关部分：

line.transitionTo({
    points: [{ x: 100, y: 100}, { x: 200, y: 200 }],
    strokeWidth: 30,
    duration: 1
}); 

这似乎不起作用。如果点被注释掉，它会起作用。这是 KineticJS 的限制还是我做错了什么？

Answer 1

在 kineticjs 中唯一可以转换的东西是数值，例如，你不能转换颜色，因为它们不是数字的。

同样，points 属性不是数字的，尽管它确实包含数字，但它是一个对象，一个 x,y 值的数组。

在这一点上，你唯一能做的，直到你想要的功能被创建是这样的：http: //jsfiddle.net/zQQ6P/12/

Eric Drowell 列出了作为 KineticJS 4.3.2 中可能发布的附加组件的过渡点

但现在你只能使用

  line.setPoints(); // see the jsfiddle