画布（全屏）threejs的问题

Question

我在项目中遇到的问题是我有一个 WebViewerGL ，我在右侧添加了一个菜单，我想添加一个＆＃34 ;拖放＆＃34;功能

但是我遇到了一个重要的问题。当我尝试将菜单图像拖到场景中时，相机会移动，并且不会让我拖动物体。

我的问题是：哪种方法可以将画布设置为我的菜单项？

我认为存在问题，但我不知道解决问题的方法。

 window.renderer = new THREE.WebGLRenderer({
     antialias: true,
     alpha: true
 });

 renderer.setSize(window.innerWidth, window.innerHeight);
 renderer.shadowMapEnabled = true;
 document.body.appendChild(renderer.domElement);

相机代码

   // init scene and camera
 window.scene = new THREE.Scene();
 var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.01, 1000);
 camera.position.x = 70;
 camera.position.y = 70;
 camera.position.z = 70;
 var controls = new THREE.OrbitControls(camera)

 var gizmo = new THREE.TransformControls(camera, renderer.domElement);
 scene.add(gizmo);
 onRenderFcts.push(function() {

     gizmo.update();
 })


 loadFiles(filesToLoad);