EaselJS can't figure out how to resize canvas.

[shvalb]

Hi,

 

I have followed several tutorials on this subject, but none of them really worked for me.

 

Basically all you have to do is listen to 'resize' browser's event and then set the canvas x\y to the new value and finally update the stage.

 

I have done all of this but the main bitmap that is rendered on the page doesn't change when I resize the browser.

 

Any ideas?

[Recast]

Do you mean that the bitmap you've rendered keeps the same scale and gets cropped?

Perhaps this can help you out:
http://www.w3schools.com/tags/canvas_scale.asp

I personally take the canvas width and height into account when drawing on it. Then when I resize the canvas it automatically renders in proportion.

[b10b]

I use CSS to resize the Stage canvas width and height to Window.innerWidth and Window.innerHeight periodically.  I also set margin-left and margin-top to the corresponding offset to keep things centered.  I would consider these choices to be outside of the CreateJS framework.