补间多边形Kinetic JS

Question

我可以更改由点定义的多边形的大小吗？

var pierwszy = new Kinetic.Polygon({
points: [0, 0, 150, 0, 80, 150, 0, 150],
fillPatternImage: images.img1,
stroke: 'black',
strokeWidth: 5,
});

我试图只更改点并添加到补间atriubutes，但它不起作用。 scaleX和scaleY工作得很好，但背景图像模糊不清。

有什么想法吗？

Answer 1

我不知道这对你有用吗。在我的情况下，我想用补间改变多边形的形状：

poly1= new Kinetic.Polygon({
points: [0, 0, 150, 0, 80, 150, 0, 150],
fill: shadowLightColor,
stroke: '#bbbbbb',
strokeWidth: 1
});
layer.add(poly1);
poly1.tween = new Kinetic.Tween({
    node: poly1,
    duration: 1,
    points: [0, 0, 300, 0, 200, 150, 0, 150],
    easing: Kinetic.Easings.StrongEaseInOut
}).play();