TextureLoader無法加載跨域圖像

Question

我無法通過TextureLoader在Chrome中加載圖像

我想從URL中加載圖像，即“ https://commons.wikimedia.org/wiki/Special:FilePath/Engels.jpg?width=300 ”，但出現錯誤“在https上訪問圖像” ：//commons.wikimedia.org/wiki/Special：FilePath / Engels.jpg？width = 300 '（從' http://commons.wikimedia.org/wiki/Special:FilePath/Engels.jpg?width=300重定向'）來自源'null'的內容已被CORS策略阻止：所請求的資源上沒有'Access-Control-Allow-Origin'標頭。”（我將loader.crossOrigin設置為匿名）。如果我將loader.crossOrigin設置為undefined，加載程序可以加載圖像，但無法呈現錯誤，並且顯示錯誤“ THREE.WebGLState：TypeError：無法在'WebGLRenderingContext'上執行'texImage2D'：找不到與提供的簽名匹配的功能。”

Answer 1

https://commons.wikimedia.org服務器尚未實現Access-Control-Allow-Origin標頭，因此您可能無法直接獲取該圖像。

您可以將映像保存到本地文件系統中並進行引用，這肯定會起作用。