4

HTML5ページを作成するためにイーゼルjsを使用しています。キャンバスに画像をロードする必要があります。読み込んでいるビットマップの幅と高さを変更する方法。

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)をトリミングします。

ありがとう、サティア

4

5 に答える 5

9

幅と高さを調整する代わりに、scaleX と scaleY を調整します。画像のサイズを 2 倍にするには、次のようにします。

loading_img.scaleX=2.0;
loading_img.scaleY=2.0;
于 2013-02-11T15:46:56.140 に答える
1

これは私にとってはうまくいきます

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-26T12:04:26.230 に答える