以下是一个示例:http://jsfiddle.net/zQQ6P/11/
相关部分:
line.transitionTo({
points: [{ x: 100, y: 100}, { x: 200, y: 200 }],
strokeWidth: 30,
duration: 1
});
这似乎不起作用。如果点被注释掉,它就可以了。这是KineticJS的限制还是我做错了什么?
答案 0 :(得分:1)
在kineticjs中唯一可转换的东西是数值,例如,你不能转换颜色,因为它们不是数字。
在同一个音符上,points属性不是数字,虽然它确实包含数字,但它是一个对象,一个x,y值的数组。
此时您可以做的唯一事情就是这样:http://jsfiddle.net/zQQ6P/12/
Eric Drowell列出了过渡点作为可能的附加组件,将在KineticJS 4.3.2中发布
但是现在你只能使用
line.setPoints(); // see the jsfiddle