Как изменить размеры холста 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;