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

时间:2015-07-04 17:41:39

标签: javascript html canvas easeljs createjs

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

即使使用obj.image.width也没有任何地方,因为它返回0。

有没有办法做到这一点,或者某些我不知道的功能?

非常感谢!

1 个答案:

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