【问题标题】:How to center an image on canvas with CreateJS如何使用 CreateJS 在画布上居中图像
【发布时间】:2015-09-22 06:40:54
【问题描述】:

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

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

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

非常感谢!

【问题讨论】:

    标签: javascript html canvas easeljs createjs


    【解决方案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/

    【讨论】:

    • 好的!这正是我正在寻找的!非常感谢
    猜你喜欢
    • 2015-09-23
    • 2016-11-24
    • 2013-06-23
    • 2017-09-24
    • 2014-06-20
    • 2015-05-21
    • 2020-10-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多