如何改變HTML5畫布的尺寸沒有它縮放內容

Question

我初始化我的畫布是這樣的：

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

代碼

和地方我想將它調整到它的最終尺寸：

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

然而，我畫在我的畫布上的任何像素都是縮放的（所以它不再是1像素）。

如何在沒有此縮放效果的情況下更改畫布的尺寸？ （所以，編程）

Answer 1

我想你只需要還設立其寬度& height屬性：

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