canvas - 如何减少 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)可能更简单，但缩放可能会导致边缘模糊，您必须根据自己的情况进行测试。