如何更改 html5 canvas 的尺寸而不缩放内容

2023-12-22

我像这样初始化画布:

<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;
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何更改 html5 canvas 的尺寸而不缩放内容 的相关文章

随机推荐