本文共 1044 字，大约阅读时间需要 3 分钟。

使用的相关方法：Shape对象和轮廓填充ShapeGeometry

// 一个外轮廓圆弧嵌套三个内圆弧轮廓var shape = new THREE.Shape(); //Shape对象//外轮廓shape.arc(0, 0, 100, 0, 2 * Math.PI);// 内轮廓1var path1 = new THREE.Path();path1.arc(0, 0, 40, 0, 2 * Math.PI);//三个内轮廓分别插入到holes属性中shape.holes.push(path1);var geometry = new THREE.ShapeGeometry(shape, 30);var material=new THREE.MeshPhongMaterial({    color:0x00ff00,//三角面颜色    side:THREE.DoubleSide//两面可见});//材质对象//material.wireframe = true;//线条模式渲染(查看细分数)var mesh=new THREE.Mesh(geometry,material);//旋转网格模型对象// 一个外轮廓圆弧嵌套三个内圆弧轮廓var shape = new THREE.Shape(); //Shape对象shape.moveTo(-85,-50);shape.lineTo(0,-200);shape.lineTo(85,-50);var geometry2 = new THREE.ShapeGeometry(shape, 30);var mesh2=new THREE.Mesh(geometry2,material);//旋转网格模型对象var group = new THREE.Group();group.add(mesh,mesh2);group.scale.set(0.2,0.2,0.2)group.position.y=40;my3d.scene.add(group); //线条对象添加到场景中		var animate = function () {		requestAnimationFrame( animate );		controls.update();		renderer.render( my3d.scene, my3d.camera );		animate();		group.rotateY(0.1)	};	animate();

转载地址：http://jorxf.baihongyu.com/