cómo cambiar las dimensiones del canvas de HTML5 sin ella escalar contenido

Question

que init mi lienzo como esto:

<canvas id="canvasDiv" width="20" height="20"></canvas> 

y en algún lugar en el código Quiero cambiar su tamaño a su tamaño definitivo:

var canvas = document.getElementById("canvasDiv"); 
canvas.style.width = 200; 
canvas.style.height = 100; 

Sin embargo, cualquier píxel I trazado en mi lienzo se escala (por lo que ya no es 1 píxel).

¿Cómo se cambian las dimensiones de un lienzo sin este efecto de escala? (Así programación)

Answer 1

Creo que sólo tiene que configurar también sus propiedades anchura & altura:

canvas.width = 200; 
canvas.height = 100;