three.js添加xyz坐标轴

Three.js是一个用于创建和渲染3D图形的JavaScript库。要在Three.js中添加XYZ坐标轴，可以按照以下步骤进行操作：

1. 导入Three.js库：

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

2. 创建场景（Scene）：

   const scene = new THREE.Scene();

3. 创建相机（Camera）：

   const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
   camera.position.z = 5;

4. 创建渲染器（Renderer）并设置大小：

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

5. 创建坐标轴（AxisHelper）：

   const axisHelper = new THREE.AxisHelper(3); // 参数为坐标轴长度
   scene.add(axisHelper);

6. 渲染场景：

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

这样就可以在Three.js中添加XYZ坐标轴了。