three.js_ "Failed to execute 'texImage2D' on 'WebGLRenderingContext': tainted canvases may not be loded."


這個報錯是請求圖片跨域了。

1.當我們使用thee.js的時候肯定會碰到利用各種請求去向服務器請求貼圖。

2.假設我們獲取的是圖片在服務器上的路徑然后我們用

 

加載貼圖到這里都是沒有問題當我們在貼圖加載完成的時候去render(Scene, Camera);獲取當它自己刷新的時候就會報錯然后我們加載的貼圖顯示不出來然后瀏覽器報這個錯誤。

 

這個一般是安全問題,解決方法就是我們翻到three.js的源碼到42843行把對應的loader.setCrossOrigin( this.crossOrigin ); 代碼換成loader.setCrossOrigin( ‘Anonymous’ );這個就好了 

 

原文地址


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM