EaselJS에서 모양의 이동 지점을 변경하십시오.

Question

그래서 EaselJS에서 모양의 이동 지점을 이동할 수 있다고 생각했습니다. 예 :

이것은 정사각형의 이미지입니다. 끔찍하게 그려진 파란색 점은 사각형의 움직임이 발생하는 지점을 나타냅니다. 즉, 도형에 점 (0, 0)으로 이동한다고 말하면 점을 그 위치로 이동합니다.

저는 최근에 EaselJS와 CreateJS 라이브러리를 사용하기 시작 했으므로 저는 이것을 할 수 있는지 정말로 모르겠습니다. 중심으로 이동 지점을 변경하고 싶습니다. 예를 들어 EaselJS의 원과 같습니다. I는 점 원을 이동하면 중심이 이동 되었기 때문에

(0, 0), I는 단지, 원형의 제 4 볼 수 (0, 0). 그러나 (0, 0)으로 이동하면 전체 사각형을 볼 수 있습니다. 이 점을 변경할 수있는 방법이 있나요? 그래서 내가 그것을 (0, 0)으로 옮길 때 전체 원 또는 사각형의 일부만 볼 수있게됩니까?

Answer 1

가운데에서 도형을 그리거나 regX 및 regY을 설정할 수 있습니다.

// Draw from center 
var s = new createjs.Shape(); 
s.graphics.beginFill("black").drawRect(-50,-50,100,100); 

// Set registration point 
var s = new createjs.Shape(); 
s.graphics.beginFill("black").drawRect(0,0,100,100); 
s.regX = s.regY = 50; // Set the registration to half the width & height 

희망이 있습니다.