我正在尝试渲染一个具有从不同域获得的背景图像的THREE.js场景。
我得到了一个,因为图像没有CORS批准,因此对画布的操作会导致安全错误。
在读取之后,我将THREE.TextureLoader()设置为允许跨域加载:
var loader = new THREE.TextureLoader();
//allow cross origin loading
loader.crossOrigin = '';
var texture = loader.load(
url_to_image,
// Function when resource is loaded
在名为"assets“的目录中大约有10个文件,浏览器主布局中的各种img标签都需要这些文件。
将发送10个单独的请求来获取单独的微型图像文件。(最终,我将对此进行优化,只发送一个请求来加载包含所有图像的单个图像工作表)
但是它有时无法加载所有的图片,所以浏览器显示旋转/加载图标很久了,直到超时,或者它加载了它们,但它们是错误的顺序/匹配(img标签将显示错误的图像),或者只是不加载图像,每次我刷新页面时都会有不同的行为
//first request gzips and loads the main layout, subsequent requests loads images