three如何加载stl文件

在Three.js中，您可以使用THREE.STLLoader加载STL文件。

以下是加载STL文件的基本步骤：

1. 首先，您需要在HTML文件中导入Three.js库：

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>

2. 在JavaScript文件中创建一个场景和一个相机：

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 );

3. 创建一个渲染器并将其添加到HTML文件中的canvas元素中：

var renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );

4. 使用THREE.STLLoader加载STL文件：

var loader = new THREE.STLLoader();
loader.load( 'path/to/file.stl', function ( geometry ) {
    var material = new THREE.MeshPhongMaterial( { color: 0xff5533, specular: 0x111111, shininess: 200 } );
    var mesh = new THREE.Mesh( geometry, material );
    scene.add( mesh );
} );

5. 渲染场景：

function animate() {
    requestAnimationFrame( animate );
    renderer.render( scene, camera );
}
animate();

这应该可以让您成功加载和渲染STL文件。