Javascript html5画布，需要加倍大小，但仍然适合屏幕

我有两张画布，大小如下：

backgroundCanvas.width = document.body.clientWidth;
backgroundCanvas.height = document.body.clientHeight;
modelCanvas.width = document.body.clientWidth;
modelCanvas.height = document.body.clientHeight;

这对于我所需要的是很好的，但是我已经决定，我想把所有的东西都永久缩小2倍。我可以进去手动调整大小并重做所有功能，但我想知道是否有一种简单的方法可以将画布的大小增加一倍，但仍然适合屏幕，这样一切都更小，我有更多的工作空间

我试着这样调整大小

backgroundCanvas.width = document.body.clientWidth * 2;
backgroundCanvas.height = document.body.clientHeight * 2;
modelCanvas.width = document.body.clientWidth * 2;
modelCanvas.height = document.body.clientHeight * 2;

---

这与我想做的很接近，但我希望它缩小并适合屏幕，而不是添加一个滚动条来查看画布的其余部分。

您可以使用

上下文。画布和后续图形上的比例（0.50,0.50）

都将缩小50%。非常好，这修复了它，谢谢！如果我有特权，我会投票给你。