You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.05 15:15:29