如何更改easeljs中的位圖寬度和高度？

我正在使用easeljs創建HTML5頁面。我必須在畫布中加載圖像。如何更改我加載的位圖的寬度和高度。如何更改easeljs中的位圖寬度和高度？

var img = new Image(); 
img.src = image_path+images; // image from folder   
var loading_img = new createjs.Bitmap(img); 
stage.addChild(loading_img);

它只是顯示畫布的圖像，我嘗試使用

loading_img.sourceRect = { x:img.width/2, y:img.height/2, width:280, height:150 };

但它裁剪圖像（280 * 150）。

感謝，沙迪亞

來源

2013-02-11 sathya

代替調整的寬度和高度，則需要調整的scaleX和scaleY。要加倍圖像的大小，你可以這樣做：

loading_img.scaleX=2.0; 
loading_img.scaleY=2.0;

來源

2013-02-11 15:46:56 markE

感謝您的回覆markE。它沒有工作 – sathya 2013-02-12 05:07:55

對我來說工作正常。這是一個小提琴：http://jsfiddle.net/m1erickson/pfX5R/ – markE 2013-02-12 06:24:10

雅它縮放圖像2倍。但我的需要是將位圖寬度和高度轉換爲280 * 150而不是放大。實際尺寸有些800 * 600。就像我有5個不同寬度和高度的圖像 – sathya 2013-02-12 06:41:17

這工作對我好

img[h] = new Image(); 
img[h].src = //image path 
r_mc[h] = new createjs.Bitmap(img[h]); 
r_mc[h].y = 15; 
r_mc[h].x = 10 
r_mc[h].scaleX=280/r_mc[h].image.width; //200 
r_mc[h].scaleY=140/r_mc[h].image.height; //100 
stage.addChild(r_mc[h]);

如果r_mc [H] .image.width和r_mc [H] .image.height我以前不影響圖像的尺寸意味着試圖讓在此之前的圖像尺寸，並設置這樣的

r_mc[h].scaleX=280/200; 
r_mc[h].scaleY=140/100;

感謝，
沙迪亞

來源

2013-02-26 12:04:26 sathya

您必須首先加載圖像（以便您可以知道它的高度和寬度），然後創建位圖並設置比例。

var image = new Image(); 
image.onload = function(){ 
    var bitmap = new createjs.Bitmap(image); 
    bitmap.scaleX = YOUR_WIDTH/image.width; 
    bitmap.scaleY = YOUR_HEIGHT/image.height; 
    this.stage.addChild(bitmap); 
}; 
image.src = 'thePathToYourImage.png';

來源

2016-08-29 14:24:29 Joan

是的，scaleX/Y函數對圖像大小調整非常有效。

Ol Ata

來源

2017-11-11 10:23:02 olav

如何更改easeljs中的位圖寬度和高度？

回答

相關問題