easeljs旋转容器离开屏幕

时间:2013-11-06 18:15:53

标签: javascript css canvas easeljs

我是EaselJS的新手。我有一个包含形状和文本的容器。我想旋转容器 由于某些未知原因,container.rotation = 270将容器从屏幕中取出。在调查之后,我认为容器尺寸非常大(虽然形状和文字很小),因此将其从(0,0)旋转到270度,将容器从屏幕上移开。
如何设置容器的高度和宽度?我该如何解决这个问题?

3 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

听起来虽然你的内容很小,但它们的位置远离Container的注册点。如果执行此操作,然后旋转,则容器被视为与子项的坐标一样大(加上它们的尺寸)。

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

答案 2 :(得分:0)

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

请参阅此示例。这里正在旋转一个矩形。但同样适用于容器。如果要围绕容器中心旋转,请将注册点移动到中心,方法是将它们设置为width / 2和height / 2.

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

在此之后,您应该将注册点移回原来的位置(通常为0,0)。

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