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