html - 高分辨率 Canvas 页面缩放到窗口高度

标签 html css canvas html5-canvas

我尝试创建 2 层高分辨率 (2480x3508) Canvas 元素缩放到 100% 窗口高度和 50% 窗口宽度。

目前,我有 2 个 Canvas 层。但是,如果我设置高分辨率 (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 个 Canvas 层。 Canvas 层必须是高分辨率的。 并且 Canvas 层必须缩放到宽度:1235px;高度:100%。

最佳答案

只需使用 height=100% 和 width=100%

关于html - 高分辨率 Canvas 页面缩放到窗口高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55364019/

相关文章:

jquery - <div> 的供应源

javascript - Bootstrap 中输入的两行对齐

html - 表格单元格中的 div 100%

javascript - 根据下拉菜单中选定的值启用/禁用表单中的元素的最佳方法?

html - 如何将 3 列全尺寸排成一行?

jquery - 可以使用 jQuery 深度克隆 HTML5 canvas 元素吗?

JavaScript Canvas 在change 事件上不起作用

javascript - 为什么我的 :before class transition at all? polymer 没有

html - 向下滚动时淡出的 Div 投影

javascript - 如何删除 Canvas 中的特定区域