小编B.L*_*Law的帖子

如何避免浏览器缩放改变Canvas尺寸?

我正在构建一个 Three.js 项目。\n在 JS 中,我定义了它renderer.setSize(1920\xef\xbc\x8c600)。\n通过控制台中的命令,renderer.domElement我可以检查渲染器大小。

\n\n

在正常的浏览器缩放比例(100%)下,画布的尺寸为1920 x 600。\n但是如果我将缩放比例更改为150%,那么我得到错误的尺寸2880 x 900,其宽度和高度乘以150% 。

\n\n

一般来说,如果缩放比例= z,则画布宽度=1920z,高度=600z。\n这不是我想要的!我想要一个固定尺寸 1920 x 600,它不受浏览器缩放比例的影响。

\n\n

奇怪的情况,谁能解决这个问题吗?

\n

html javascript canvas webgl three.js

6
推荐指数
1
解决办法
4445
查看次数

标签 统计

canvas ×1

html ×1

javascript ×1

three.js ×1

webgl ×1