如何将位图图像的注册点设置为底部中心？

Posted 2023-03-25

【中文标题】如何将位图图像的注册点设置为底部中心？

【英文标题】：How to set the registration point of a Bitmap image to the bottom centre?

【发布时间】：2018-06-18 01:37:30

【问题描述】：

我正在尝试将图像的注册点设置为底部中心，以便它可以围绕该点旋转。到目前为止，我的代码如下所示：

var img = new createjs.Bitmap("img.png");
img.x = 200;
img.y = 180;
img.scaleX = 0.35;
img.scaleY = 0.35;
img.regX = img.width/2;
img.regY = 0;
img.rotation = 15;
canvas.addChild(img);

我尝试更改 img.regY 的数字，但似乎无法正确设置。

【参考方案1】：

redBalloon.width 是什么？

最好的办法是等到图片加载完毕，然后使用它的自然宽度。

img.image.onload = function() 
    img.regX = img.image.naturalWidth;
    img.regY = img.image.naturalHeight;

希望对您有所帮助。

【讨论】：

啊抱歉，我忘了把 redBalloon 改成 img