Three.js 透视相机 Z position

Question

我的应用程序创建了PerspectiveCamera ：

new THREE.PerspectiveCamera(
      45,
      window.innerWidth / window.innerHeight,
      1,
      100000
);

还有一个GridHelper ，它是场景的孩子。

const size = 24;
const divisions = 24;

const gridHelper = new THREE.GridHelper(size, divisions, 'red', 'blue');
gridHelper.rotation.x = -Math.PI / 2;

我想看到一个完整的 GridHelper 元素，它位于屏幕中心并延伸到水平或垂直边界。 例如：

我决定使用相机的 z position。 但我不知道如何为任何设备精确计算它，因为不同手机的场景外观会有所不同。 （这并不奇怪）

所以，也许你有一些想法：）谢谢！