easeljs вращение контейнер выйдите из экрана

Question

Я новичок в EaselJS. У меня есть контейнер, который содержит форму и текст. Я хотел бы повернуть контейнер.
По неизвестным причинам container.rotation = 270 достал контейнер с экрана. После изучения я думаю, что размер контейнера действительно большой (хотя форма и текст небольшие), и поэтому вращение его от (0,0) до 270 градусов вывело контейнер из экрана.
Как настроить контейнер на высоту и ширину? Как я могу исправить эту проблему?

Answer 1

Это также походит хотя ваше содержание невелики, они расположены далеко от точки регистрации контейнера. Если вы это сделаете, а затем поверните, контейнер будет считаться размером с координаты детей (плюс их размеры).

Имеет смысл разместить ваше содержимое ближе к 0,0 и переместить сам контейнер.

Answer 2

В класс Container() используется метод setBounds (x, y, width, height).

Полная документация @http://www.createjs.com/Docs/EaselJS/classes/Container.html#method_setBounds

Answer 3

Объекты повернуты вокруг точки регистрации. Поэтому вам нужно правильно установить точку регистрации.

См. Этот образец. Здесь прямоугольник поворачивается. Но то же самое относится и к контейнеру. Если вы хотите повернуть вокруг центра контейнера, переместите точку регистрации в центр, установив их на ширину/2 и высоту/2.

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

После этого вы должны переместить точку регистрации обратно туда, где она была (обычно 0,0).

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