canvas size - iphone

[hellopaso]

Hi there,

 

I am newbie to HTML5.

 

I have just create a game, run smoothly, but have only one issue with canvas size.

 

My game is in Portrait mode, and have 640 max width and 960 max height.

I add listener:

var htmlCanvas = document.getElementById('context'),context = htmlCanvas.getContext('2d');window.addEventListener('resize', resizeCanvas, false); function resizeCanvas() {                          htmlCanvas.height = Math.min(960, window.innerHeight);              scale = htmlCanvas.height / 960;              htmlCanvas.width = parseInt(640 * scale);}

Works fine in Browser and Android device.

 

But have problems with my IPhone 4s.

 

Please check attached Image - canvas do not fill all browser.

 

 

Any idea?

 

 

[MichaelD]

Is the function called when rotating the device? You could test that with Ripple chrome app I think it supports 4S and device rotation as a test.