我正在尝试更改

HTML画布的分辨率. (不是宽度和高度).画布应保持与屏幕相同的宽度和高度,但渲染分辨率应该是可更改的.我可以通过在浏览器中使用缩放功能来复制我想要的内容,但我想知道是否有一种编程方式来执行此操作.这是我尝试过的：

function resize() {

screenWidth = mathRound(window.innerWidth);

screenHeight = mathRound(window.innerHeight);

calculateUIScale();

var scaleFillNative = Math.max(screenWidth / maxScreenWidth, screenHeight / maxScreenHeight);

c.width = screenWidth;

c.height = screenHeight;

graph.setTransform(scaleFillNative, 0, 0, scaleFillNative, ((screenWidth - (maxScreenWidth * scaleFillNative)) / 2), ((screenHeight - (maxScreenHeight * scaleFillNative)) / 2));

graph.imageSmoothingEnabled = false;

graph.webkitImageSmoothingEnabled = false;

graph.mozImageSmoothingEnabled = false;

}

这使画布适合屏幕.我想知道你是否可以以某种方式缩放画布元素以模拟不同的分辨率.

我试过这样做：

c.width = 40;

c.style.width = 400;

但画布现在真的很小.