如何使用 CreateJS 在画布上居中图像

Posted 2023-03-05

【中文标题】如何使用 CreateJS 在画布上居中图像

【英文标题】：How to center an image on canvas with CreateJS

【发布时间】：2015-09-22 06:40:54

【问题描述】：

我正在学习 CreateJS，但遇到了一些困难。 通常我会通过将画布分成两半并将宽度/高度的一半减去这些值来使图像居中，但不幸的是我不知道如何使用 CreateJS 访问按比例缩小的图像大小。

即使使用 obj.image.width 也没有用，因为它返回 0。

有什么方法可以做到这一点，或者我不知道的一些功能吗？

非常感谢！

【参考方案1】：

您可以将图像大小乘以其比例（scaleX 和/或 scaleY）来获得“转换后的”大小。

// Note that the image must be loaded before you can get the width    
bmp.x = (stage.canvas.width - bmp.image.width * bmp.scaleX) / 2;

这是一个快速的小提琴： http://jsfiddle.net/lannymcnie/v6vuwntx/

【讨论】：

好的！这正是我正在寻找的！非常感谢