如何将画布中心的三个.js（0,0,0）默认绘图位置移动到实际画布开始？
例如，在这里：https://jsfiddle.net/data_x/mwprgnra/8/
我想将线条移动到虚线画布框的开头。 （从3d坐标移动到2d坐标位置）。我需要这个，因为我想在webgl canvas上叠加svg canvas。为此，我需要它们都遵循相同的坐标位置。
代码的某些部分：
camera = new THREE.OrthographicCamera( w / - 2, w / 2, h / 2, h / - 2, 1, 10000 );
camera.position.set(0, 0, 100);
非常感谢任何提示/帮助，
谢谢，
答案 0 :(得分：0)
我玩得有点变化：
OrthographicCamera（左，右，上，下，近，远）
左 - 相机视锥体离开飞机。 - 设为0
右 - 相机平截头体右平面。 - 设置为画布宽度
顶部 - 相机平截头体顶部平面。 - 设置为画布高度
底部 - 相机平截头体底部平面。 - 设置为-400（您需要将此更改为画布宽度，高度
近 - 相机平截头体靠近飞机。 - 设置为50
远 - 相机平截头远飞机。 - 设置为100
当left设置为0时，它将在画布的最左边部分渲染。相应地调整底部，会将对象移动到画布顶部。