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