javascript - easeljs 旋转容器离开屏幕

Question

我是 EaselJS 的新手。我有一个包含形状和文本的容器。我想旋转容器。
不知什么原因，container.rotation = 270把容器从屏幕上拿了出来。经过调查，我认为容器的大小确实很大（尽管形状和文本很小），因此将其从 (0,0) 旋转到 270 度将容器从屏幕上移出。
如何设置容器的高度和宽度？我该如何解决这个问题？

Answer 1

Container() 类有一个 setBounds(x,y,width,height) 方法。

完整文档@ http://www.createjs.com/Docs/EaselJS/classes/Container.html#method_setBounds

Answer 2

对象围绕注册点旋转。所以需要正确设置注册点。

请参阅此示例。这里正在旋转一个矩形。但这同样适用于容器。如果要围绕容器的中心旋转，则通过将注册点设置为 width/2 和 height/2 将注册点移动到中心。

container.regX=width/2
container.regY=height/2
container.rotation=30

在此之后，您应该将注册点移回原来的位置（通常是 0,0）。

http://jsfiddle.net/sebastian_derossi/Rtx6K/1/

Answer 3

听起来虽然您的内容很小，但它们的位置远离 Container 的注册点。如果你这样做，然后旋转，容器被认为与孩子的坐标一样大（加上它们的尺寸）。

将内容放在接近 0,0 并移动容器本身更有意义。