如何在CreateJS中修改Bitmap图像宽高?已尝试多法未生效
解决CreateJS Bitmap无法修改宽高的问题
在CreateJS中,Bitmap的width和height是只读属性,直接赋值不会改变显示尺寸。要调整Bitmap的显示大小,正确的方式是通过缩放比例或裁剪原图区域实现:
方法一:通过缩放比例调整显示尺寸
这是最常用的调整Bitmap大小的方式,根据原图尺寸和目标尺寸计算缩放比例:
// 加载Bitmap后获取原图实际尺寸 const originalW = buttonSolve.image.width; const originalH = buttonSolve.image.height; // 设定目标宽高 const targetW = 200; const targetH = 100; // 计算并设置缩放比例 buttonSolve.scaleX = targetW / originalW; buttonSolve.scaleY = targetH / originalH;
方法二:通过sourceRect裁剪原图区域(非缩放)
如果你需要的是截取原图的一部分显示,而非缩放整个图像,可以使用sourceRect。注意这只会显示原图的指定区域,不会改变图像的缩放比例:
// 从原图左上角截取宽280、高150的区域 buttonSolve.sourceRect = new createjs.Rectangle(0, 0, 280, 150);
为什么你之前的尝试无效?
setDrawSize不是CreateJS Bitmap的内置方法,调用无效;width/height是只读属性,直接赋值不会生效;setBounds仅用于设置碰撞检测或容器布局的边界,不会改变图像的显示尺寸;- 直接赋值
sourceRect为普通对象虽然语法合法,但如果你的需求是缩放而非裁剪,自然达不到预期效果。
内容的提问来源于stack exchange,提问作者Asad Ur Rehman
相关产品推荐
相关产品推荐

