現(xiàn)在場景是這樣,我們有一個網(wǎng)站,需要用戶選擇圖片文件,然后和我們的背景、提示信息合成為一張新的圖片,然后導出。在本地是可以運行的在線上測試的時候報錯,提示畫布是被污染的,安全限制不能導出為圖片。// 錯誤提示:Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported. at HTMLImageElement.img_2.onload 我在網(wǎng)上找了一些相關(guān)的資料,大部分做法是給 img 標簽加一個屬性。var img = new Image()img.setAttribute("crossOrigin",'anonymous')// img.crossOrigin = "anonymous"// 還有的博客說這樣加img.crossOrigin = ""img.crossOrigin = "*"// 但是我試了都沒有效果,還是報錯這里我有些不太清楚, crossOrigin 屬性是給導出的 new Image() 加,還是給用戶選擇的跨域圖片添加?我們的 dev 環(huán)境是可以運行的,但是線上卻報錯,服務(wù)器方面有哪些配置會導致這個問題嗎?求解再附一些相關(guān)的博客,https://www.jianshu.com/p/6fe...https://developer.mozilla.org...https://stackoverflow.com/que...
Canvas toDataURL導出圖片報錯, cors 限制該怎么解決
郎朗坤
2019-03-07 14:15:58