Javascript three.js obj/mtl可以在safari中使用，但不能在chrome/firefox中使用

我尝试了three.js obj/mtl加载程序，但它并不总是正确呈现

在sarafi中，它可以正常工作，但在chrome/firefox中，它会渲染为黑色

我的环境：

OS:OSX达尔文内核版本16.3.0 Chrome:56.0.2924.87（64位） 狩猎：10.0.2（12602.3.12.0.1）

我开始使用本地服务器

http://localhost/threejs_demo.html

访问html文件

函数init（）{
var renderer=new THREE.WebGLRenderer({
canvas:document.getElementById（'mainCanvas'）
});
renderer.setClearColor（0xFFFFFF）；//黑色
var scene=new THREE.scene（）；
var摄像机=新的三视角摄像机（40400/300，11000）；
摄像机位置设置（150150150）；
摄影机。注视（新的三个向量3（0，0，0））；
场景。添加（摄影机）；
var mtlLoader=new THREE.mtlLoader（）；
var-mesh=null；
mtlLoader.setPath（'js/Vanille/'）；
mtlLoader.load（'vanille_obj.mtl'，功能（材料）{
材料。预加载（）；
setTimeout（函数（）{
var objLoader=new THREE.objLoader（）；
setPath（'js/Vanille/'）；
objLoader.setMaterials（物料）；
objLoader.load（'vanille_obj.obj'，函数（对象）{
网格=对象；
场景。添加（对象）；
});
},1000);
});
var灯光=新的三个环境灯光（0xffffff）；
场景。添加（灯光）；
函数绘图（）{
if（网格）{
mesh.rotation.y=（mesh.rotation.y+0.01）%（Math.PI*2）；
}
渲染器。渲染（场景、摄影机）；
}
设置间隔（抽签，20）；
}

纹理大小是多少，是二的幂吗？如果没有，在绘图程序中重新缩放到二次方会对问题产生影响吗？Chrome在127.0.01上有更严格的安全沙盒限制。在init中创建第一行：THREE.ImageUtils.crossOrigin=“匿名”；如果您在本地运行，请使用。在本地服务器上设置

crossOrigin

将失败，除非您的服务器配置为提供CORS头。这似乎不是“crossOrigin”原因。我已经上传了演示到。其实我对3d模型软件不是很专业，你能详细解释一下“两个的力量”吗@保罗·扬