threejs场景中的物体被拉伸

245 阅读1分钟

问题:
3D场景中的物体都被拉伸?

被拉伸的原因:

image.png

调整相机的宽高比例: 调整相机的宽高比例,使其与canvas的宽高比例匹配。设置相机的aspect属性,将其设置为canvas的宽高比例。

const canvas = renderer.domElement;
camera.aspect = canvas.clientWidth / canvas.clientHeight;
camera.updateProjectionMatrix();