我想将我的图像添加到画布上,并对其进行定位和缩放。
我知道如何放置它,但是每次缩放它时,它都会从我的画布上消失。
我当前的代码与此类似:
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)
,否则我的图像不会出现在画布上。 最佳答案
根据documentation,scale
属性是比例因子。例如,比例为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/