美文网首页WebGLThree.js
11three.js自适应窗口大小

11three.js自适应窗口大小

作者: 狂暴机甲 | 来源:发表于2018-04-20 15:54 被阅读5次

    添加一个监控事件 window.addEventListener

    image.png
        function onResize() {
            camera.aspect = window.innerWidth / window.innerHeight;
            camera.updateProjectionMatrix();
            renderer.setSize(window.innerWidth, window.innerHeight);
        }
        window.addEventListener('resize', onResize, false);
    

    相关文章

      网友评论

      • 狂暴机甲:习惯在前面定义一个 width和height。
        var width = window.innerWidth;
        var height = window.innerHeight;
        于是在onResize中也使用定义好的width和height,其实这样是没有效果的。必须动态的获取值才可以。

      本文标题:11three.js自适应窗口大小

      本文链接:https://www.haomeiwen.com/subject/iyqzkftx.html