小编Pol*_*jih的帖子

我有下一个问题。我有一个用 Three.js +orbitControls.js 制作的用于相机处理的项目。有一个场景，上面有一个简单的立方体和相机。我有一个来自orbitControls.js 的相机，当我做鼠标滚轮时，它会朝屏幕中心放大/缩小（默认行为）。我需要修改它，以便将放大/缩小到 3D 对象上的鼠标位置，就像在 3D 编辑器中一样，如 3D Max、搅拌机。

我确实理解逻辑应该是这样的：从您开始缩放的位置获取鼠标的位置，实际上您想要放大的位置，存储该值，放大并获取新的鼠标位置，找到之间的偏移量第一个鼠标位置和当前，并在放大期间将相机移动到该偏移量。但是，它无法正常工作。大多数情况下，我认为这可能是我的相机坐标的问题，以及我想放大的位置。

这是我的代码：

 window.onload = function() {

        var renderer = new THREE.WebGLRenderer();
        var width = 640;
        var height = 480;
        renderer.setSize( width, height );
        var div = document.getElementById('canvas')
        div.appendChild( renderer.domElement );

        var scene = new THREE.Scene();

            camera = new THREE.PerspectiveCamera(
            70,
            width / height,
            0.1,
            10000
        );
        camera.position.set( 0, 10, 10 );
        camera.lookAt( scene.position );

        control = new THREE.OrbitControls( camera );

        var geometry = new THREE.CubeGeometry( 5, 5, 5 ); …