如何在不缩放内容的情况下更改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

我认为你只需要设置它的宽度和宽度。身高属性：

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