jak zmienić wymiary HTML5 canvas bez niego skalowanie zawartości

Question

I init, moje płótna tak:

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

i gdzieś w kodzie Chcę zmienić jego rozmiar do jego ostateczny rozmiar:

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

Jednak każdy piksel, który rysuję na moim płótnie, jest skalowany (więc nie jest już 1 pikselowy).

Jak zmienić wymiary płótna bez tego efektu skalowania? (Więc programowo)

Answer 1

Chyba po prostu trzeba również ustawić jego właściwości width & Wzrost:

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