高分辨率画布页面缩放到窗口高度

Question

我尝试创建2层高分辨率（2480x3508）画布元素，将其缩放为100％窗口高度和50％窗口宽度。

目前，我有2个画布层。但是，如果我设置高分辨率（2480x3508），则图层将比屏幕大得多。

这是我的代码：

<div style="position: relative; width: 1235px; height: 100%;">
<canvas id="myCanvas" width="2480" height="3500" style="position: absolute; top: 0px; left: 0px;"></canvas>
<canvas id="myCanvas2" width="2480" height="3500" style="position: absolute; top: 0px; left: 0px;"></canvas>
</div>

因此，总而言之： 我想在另一个上获得2个画布层。 画布层必须具有高分辨率。 并且画布层必须缩放到宽度：1235px;高度：100％。

Answer 1

只需使用height = 100％以及width = 100％