How to move rotation point of element in Javascript?

Question

If i rotate image in EaselJS it rotates around 0,0 point how do i move it? Ty! Ras

score 5 · Answer 1 · edited Apr 03 '13 at 18:27

5

Subclasses of DisplayObject (Bitmap, Text, Shape, etc.) support regX and regY properties, which let you change the registration point of the object from the default:

I've found this helpful not just for rotation, but other effects as well, such as controlling how a Bitmap flips when setting a negative scaleX/Y.

Best, Chris

edited Apr 03 '13 at 18:27

Metafaniel

29,318
8
40
67

answered Jul 24 '12 at 15:51

Chris Bowen - MSFT

9,589
1
17
13

Yes you're right, that's the best way to do it. I have just posted [THIS QUESTION](http://stackoverflow.com/questions/15794748/resize-a-draggable-fill-with-easeljs) If I set the registration point of a simple shape, then it's x and y properties are altered and the shape it's moved. Can you please help me? =) – Metafaniel Apr 03 '13 at 18:28

score 3 · Accepted Answer · answered Jul 23 '12 at 01:59

You need to use translate(x,y) where x and y are the new rotation center you want.

Note: If you need to keep operating further, remember to un-translate it (translate again with same but negative values) after you are done with rotation, for this you will need to take into account how much you rotated it.

How to move rotation point of element in Javascript?

2 Answers2