如何减少EaselJS动画中矩形的宽度

Question

我希望减少动画中每个刻度的矩形宽度。

在init（）方法中，我最初使用：

创建矩形

var graphics = new createjs.Graphics().beginFill("green").drawRect(650, 90, 280, 8);
var shape = new createjs.Shape(graphics);
stage.addChild(shape);

如何在tick（）中访问矩形的宽度？

Answer 1

简单回答：你不能直接这样做！

有两种方法可以做到这一点：

1）通过scaleX和Tween

var tween = createjs.Tween.get(shape).to({scaleX:0.5 }, 1000);

2）通过重绘每一帧

使用初始宽度保存一个额外的变量，然后在每个刻度上从该宽度中减去一些内容，并用新的宽度重绘该矩形。

虽然 1）的方式可能更简单，但缩放可能会导致边缘模糊，您必须在您的情况下进行测试。