Javascript CreateJS如何设置矩形宽度和高度的动画?

Javascript CreateJS如何设置矩形宽度和高度的动画?,javascript,animation,createjs,Javascript,Animation,Createjs,所以我尝试用Createjs制作一个矩形大小的动画。我发现有两种方法可以创建矩形。要么: var rectangle = new createjs.Rectangle(0,0,100,100); 或 当我在第一次呼叫时将其添加到舞台上时,它不会添加。但是,我似乎能够通过rectangle.width和rectangle.height访问矩形的高度和宽度。然而;在第二次通话中,我没有这种控制权。我想做的是使用Tween访问这些属性 createjs.Tween.get(rectangle).to

所以我尝试用Createjs制作一个矩形大小的动画。我发现有两种方法可以创建矩形。要么:

var rectangle = new createjs.Rectangle(0,0,100,100);

当我在第一次呼叫时将其添加到舞台上时,它不会添加。但是,我似乎能够通过rectangle.width和rectangle.height访问矩形的高度和宽度。然而;在第二次通话中,我没有这种控制权。我想做的是使用Tween访问这些属性

createjs.Tween.get(rectangle).to({width:###, height:###}, timeinmilli);

我唯一成功使用的是rectangle.scaleX和rectangle.scaleY,但是这会相应地在屏幕上移动矩形,我不希望这样。有人知道一些简单的方法来访问矩形的高度和宽度属性,以便用它们来制作动画吗?

一个EaselJS
Rectangle
就是几何图形-定义x、y、宽度和高度(就是这样!)。它用于定义矩形区域,如
sourceRect
、对象边界等

Graphics.drawRect()
方法就是您想要的(第二个示例)

在早期版本的EaselJS中,您需要使用新的大小重新绘制形状,记住首先清除它(并更新stage)。在较新版本(0.7.0+)中,您可以使用命令对象更轻松地修改图形:

// Store off a command (the "command" after any graphics operation)
var rectangleCommand = rectangle.graphics.drawRect(0,0,100,100).command;

// Modify it
rectangleCommand.w = 300;
  • 我快速地把小提琴凑在一起:
  • 下面是另一个使用吐温的样本:

您可以在线查看所有命令的文档,例如,这里是DrawRect命令:--查看侧菜单中的所有命令以获得完整列表。

矩形类表示几何矩形,带有辅助方法,而不是要绘制的形状

您可以更新每个记号的绘制,也可以使用保留的绘制命令

var rectCmd = myShape.graphics.beginFill("red").drawRect(0,0,100,100).command;
//.. later:
rectCmd.w = 200;

var rectCmd = myShape.graphics.beginFill("red").drawRect(0,0,100,100).command;
//.. later:
rectCmd.w = 200;