CreateJS EaselJS - 不同的形状

Question

这里有一个小提琴动画不一致的旋转处理，显示的方式EaselJS这种不一致旋转形状：

fiddle me this

一个明星，圆，矩形，圆角矩形的创建和放置

：在完全相同的x，y位置

rect.x = star.x = circle.x = rrect.x = stage.canvas.width/2; 
    rect.y = star.y = circle.y = rrect.y = stage.canvas.height/2; 

然后将它们在蜱循环完全相同的方式进行旋转

所有形状具有相同的至REGx和regY值（零）。

结果，如在小提琴可以看出，示出了具有旋转中心和其他具有偏移旋转某些对象。

对我来说，这似乎是混乱和困惑，但如果有人能帮助并纠正我看这一点，将不胜感激的方式。

Answer 1

这仅仅是由于如何画布API的工作。矩形和圆弧从左上角绘制，而圆形和多边形从中心绘制。

我已经修改了你的小提琴调整至REGx和regY（如你未使用Rect1的形状）。绘制左上角形状时，还可以调整x/y。

// Offset your regX/Y 
shape.graphics.beginStroke("#00f").drawRect(0,0,40,40); 
shape.regX = shape.regY = 20; 

// Offset your draw operations' center point. This is my usual approach 
shape.graphics.beginStroke("#f00").drawRect(-20,-20,40,40); 

这里是一个更新的小提琴：https://jsfiddle.net/lannymcnie/djdcgp9m/2/