如何使用 Three.js 按窗口宽度缩放内容？答案

【问题标题】：How to scale content by window width with Three.js?如何使用 Three.js 按窗口宽度缩放内容？
【发布时间】：2013-08-15 15:52:26
【问题描述】：

所以我使用的是基本的窗口调整代码：

function onWindowResize() {

    windowHalfX = window.innerWidth / 2;
    windowHalfY = window.innerHeight / 2;

    camera.aspect = window.innerWidth / window.innerHeight;
    camera.updateProjectionMatrix();

    renderer.setSize( window.innerWidth, window.innerHeight );

}

它会很好地调整窗口的大小 - 但它会根据窗口的高度而不是窗口的宽度来缩放内容。对于我正在构建的网站，保持内容的可见宽度比保持高度更重要，但无法找到一种方法来反转代码以根据宽度而不是高度进行缩放。

你可以在这里查看我正在处理的问题：http://sunsetfootclinicsign.com/signtest_9.html

如果有任何正确方向的线索，我将不胜感激！非常感谢！

【问题讨论】：

标签： javascript three.js

【解决方案1】：

你可以试试

geometry.computeBoundingBox();

然后可以从 geometry.boundingBox 计算尺寸。

【讨论】：