用刻度缩小图像:扭曲图像

时间:2013-10-02 22:07:41

标签: javascript html5 image scale createjs

使用createjs:缩放比例"缩小"图像没有配置。

查找: http://img534.imageshack.us/img534/8790/f9i0.png

-

我用HTML5创建了我的第一个教育游戏。

我将所有图像制作成2024x1200的屏幕。所以我创建了一个画布"全屏"并用着名的三规则来发现新的图像尺度。

宽度

  • 屏幕原件:2024像素
  • 图片原件:1000像素
  • 屏幕实际:548像素
  • 图片浏览:?像素

新宽度= 548 * 1000/2024; 图像比例=新宽度/原始图像;

结果: http://img534.imageshack.us/img534/8790/f9i0.png


APP.mapMain = new createjs.Bitmap(mapMainBitmapTemp);
APP.stage.addChild(APP.mapMain);

APP.mapMain.x=0;
APP.mapMain.y=10;
APP.mapMain.scaleY= 0.27734375;
APP.mapMain.scaleX= 0.27734375;

0 个答案:

没有答案