three.js加载图片

在three.js中加载图片可以使用TextureLoader类。TextureLoader是three.js中用于加载纹理的工具类。你可以使用它来加载各种类型的图片文件，如jpg、png等。加载图片的代码示例如下：

// 创建一个TextureLoader实例
var textureLoader = new THREE.TextureLoader();

// 加载图片
textureLoader.load('path/to/image.jpg', function(texture) {
  // 图片加载完成后的回调函数
  // 可以在这里将纹理应用到你的模型上
  var material = new THREE.MeshBasicMaterial({ map: texture });
  // ...
});

在上面的代码中，我们首先创建了一个TextureLoader实例，然后使用load方法加载图片。load方法接受两个参数，第一个参数是图片的路径，第二个参数是加载完成后的回调函数。在回调函数中，你可以将加载的纹理应用到你的模型上。

请注意，加载图片的路径应该是相对于你的HTML文件的路径。如果图片和HTML文件在同一个目录下，可以直接使用图片的文件名作为路径。如果图片在其他目录下，需要提供相对于HTML文件的路径或者绝对路径。

希望这个回答对你有帮助！\[1\]
#### 引用[.reference_title]
- *1* [three.js加载3D模型(glb/gltf/fbx)](https://blog.csdn.net/DP323/article/details/116790186)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]