javascript – 如何在不缩放内容的情况下更改html5画布的尺寸

前端之家收集整理的这篇文章主要介绍了javascript – 如何在不缩放内容的情况下更改html5画布的尺寸前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我像这样初始化我的画布:
<canvas id="canvasDiv" width="20" height="20"></canvas>

代码中的某个地方我想调整它的最终大小:

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

但是,我在画布上绘制的任何像素都会缩放(因此它不再是1像素).

如果没有这种缩放效果,如何更改画布的尺寸? (所以以编程方式)

解决方法

我想你只需要设置它的宽度和宽度.高度属性
canvas.width = 200;
canvas.height = 100;

猜你在找的JavaScript相关文章