2016-07-03 4 views
0

イーゼルジャッジで形状の移動ポイントを動かせるかどうか考えていました。たとえば、 square moving pointイェルセルの形状の移動ポイントを変更する

これは正方形の画像です。ひどく描かれた青い点は、四角形の動きが起こる点を表します。言い換えれば、形を指示して点(0、0)に移動すると、その点がその点に移動します。

私は最近、EaselJSとCreateJSライブラリの使用を開始しました。私はこれを行うことができるかどうか本当に分かりません。イーゼルジャーのサークルのように、中心に移動点を変更したいと思います。

enter image description here

I点に円を移動(0、0)の中心(0、0)に移動したように、私は、円形の第四のを見ることができます。しかし、(0、0)に移動すると、正方形全体が表示されます。私が(0、0)に移動したときに、正方形または正方形の一部を見ることができるように、この点を変更できる方法はありますか?

答えて

1

図形を中央から描画するか、regXregYに設定します。

// 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