导入obj文件到threejs里面。怎么实现发布后可以缩放，移动。

[adrianEvin]

对threejs不熟悉，但是公司需要做三维展示，看到这个threejs是个轻量级。找了个obj模型文件测试，可以导入到threejs里面，但是怎么去实现对其导入后模型进行缩放，移动。还在在上面进行标注 点击弹窗效果。

[奇点码农]

缩放可以使用不同大小的图片，移动的话就自己自己抓取坐标，BS话就自己在div上重绘，cs的话就在panel上重绘

[adrianEvin]

引用 1 楼 cdc8596 的回复:

缩放可以使用不同大小的图片，移动的话就自己自己抓取坐标，BS话就自己在div上重绘，cs的话就在panel上重绘

不用重绘吧，我感觉这个threejs本身应该是可以，只是我不会使用这个threejs。

[奇点码农]

没有必要完全用他的，自己写一下可能更快，我之前没用过这个功能

[flc_best]

console.log(111);

[zw28323]

//加载材质mtl文件 var mtlLoader = new THREE.MTLLoader(); mtlLoader.setPath(path); //模型材质文件的目录 mtlLoader.load(pathName + '.mtl', function (materials) { materials.preload(); //ob文件加载器 var objLoader = new THREE.OBJLoader(); objLoader.setMaterials(materials); objLoader.setPath(path); objLoader.load(pathName + '.obj', function (object) { //调整模型比例 object.scale.set(0.05, 0.05, 0.05); //设置模型中心点 var box = new THREE.Box3(); box.expandByObject(object); object.position.x = -(box.getCenter().x); object.position.y = 0; object.position.z = -(box.getCenter().z); //object.rotation.y = 1; //three.group应将模型分组存放以便于改变整组效果 object.traverse(function (child) { if (child instanceof THREE.Mesh) { if (child.name.indexOf('gz') >= 0) { objects.push(child); } } }) //加入到场景中 scene.add(object); }, onProgress, onError); }); 其中调整模型比例可以放大或缩小模型