How to change bitmap width and height in easeljs?

canvas bitmap height width easeljs
sathya picture sathya · Feb 11, 2013 · Viewed 20k times · Source

I am using easeljs to create HTML5 page. I have to load the images in canvas. How to change the width and height of the bitmap i am loading.

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

It just display the image in canvas, I try to use the 

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

but it crop the image(280*150).

Thanks, Sathya

Answer

markE picture markE · Feb 11, 2013

Instead of adjusting the width and height, you would adjust scaleX and scaleY. To double the size of the image, you would do this:

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

Related questions

create Bitmap from byteArray in android

I want to create a bitmap from a bytearray . I tried the following codes Bitmap bmp; bmp = BitmapFactory.decodeByteArray(data, 0, data.length); and ByteArrayInputStream bytes = new ByteArrayInputStream(data); BitmapDrawable bmd = new BitmapDrawable(bytes); bmp = bmd.getBitmap(); But ,When i am …

Read More
How to resize a bitmap eficiently and with out losing quality in android

I have a Bitmap with a size of 320x480 and I need to stretch it on different device screens, I tried using this: Rect dstRect = new Rect(); canvas.getClipBounds(dstRect); canvas.drawBitmap(frameBuffer, null, dstRect, null); it works, the image …

Read More
drawBitmap() and setPixels(): what's the stride?

Could please somebody explain me (ASCII is really welcome) what the stride argument stands for in Canvas.drawBitmap() and in Bitmap.setPixels()/getPixels()? I understand it's a way to skip elements in the colors array, but how?

Read More