three.js屏幕自适应

最新推荐文章于 2024-12-08 14:22:28 发布

函数太难

最新推荐文章于 2024-12-08 14:22:28 发布

阅读量345

点赞数 2

文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/weixin_55930944/article/details/142144821

版权

需求:3D的页面要在浏览器里全屏展示,但是按F11的时候屏幕地下会留白,不想让用户点击F5

解决思路,直接抄袭图表的解决方案,使用window.addEventListener("resize", () => {})监听页面是否发生变化

window.addEventListener("resize", () => {})

如果发生变化,把所有有影响的方法全部重新执行

        window.addEventListener("resize", () => {
            camera.aspect = window.innerWidth / window.innerHeight;
            renderer.setSize(window.innerWidth, window.innerHeight);
            renderer.setPixelRatio(window.devicePixelRatio);
        });