threejs 更换模型材质贴图

问题

更换模型贴图的时候 图片能正确加载到模型上，但是纹理图会错位

原因

纹理对象Texture反转属性.flipY默认值为true，.flipY表示是否翻转纹理贴图在Mesh上的显示位置。纹理对象Texture翻转属性.flipY默认值是true。

colorSpace默认为空需要指定其标准色：sRGB为标准色，通常用于图像处理和渲染中。这样可以确保颜色显示和渲染在标准的sRGB范围内，不同的颜色空间会导致纹理图的颜色呈现不一致。

解决

const textureLoader = new THREE.TextureLoader();
let map = textureLoader.load('文件路径或者base64');
map.flipY = false;
map.colorSpace = 'srgb';