我想将我的图像添加到画布上,并对其进行定位和缩放。
我知道如何放置它,但是每次缩放它时,它都会从我的画布上消失。

我当前的代码与此类似:

function init() {
    var canvas = new createjs.Stage("canvas");

    var image = new createjs.Bitmap("assets/image.png");
    image.scale(600, 600);
    canvas.addChild(image);
    canvas.update(image);
}


除非删除image.scale(600, 600),否则我的图像不会出现在画布上。

最佳答案

根据documentationscale属性是比例因子。例如,比例为2表示图像是原来的两倍。您正在将图像放大600倍。因此64x64px的图片将变为38400x38400px的图片。您需要根据图片的尺寸计算出系数:

const imageBounds = image.getBounds()
image.scaleX = 600 / imageBounds.width;
image.scaleY = 600 / imageBounds.height;


还要注意,scale是一个属性,您也可以直接为其分配:

image.scale = 1.6;

关于javascript - 为什么Bitmap.scale不起作用?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/48156023/

10-09 22:52
查看更多