Cómo incrementar el tamaño del CANVAS para mostrar + píxeles de la imágen?

[SLD]

Hola.

Téngo éste código:

Código:

<style type="text/css">body{background:#000;color:#ff0000;}canvas{}</style><canvas id="foto"></canvas><script>
	var canvas = document.getElementById('foto');
	var ctx = canvas.getContext('2d');
	var img = document.createElement('img');
	img.src = 'vak.jpg';
	img.onload = function(){ctx.drawImage(img, 0, 0);}
</script>

Vá muy bien...

Pero si en el STYLE cambio

Código:

canvas{}

por

Código:

canvas{width:250px;height:250px;}

o por cualquier valor para dimensiones del CANVAS, la imagen se deforma.

¿cómo puedo incrementar el tamaño del canvas para mostrar más de la imágen?


Gracias

[Carlangueitor]

Prueba cambiando los atributos del elemento y no el estilo, si no, tendrías que redibujar la imagen cuando cambias el tamaño del canvas.

Saludos

[SLD]

Gracias Carlangueitor.

Procedere con tus indicaciones.

:)