亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Canvas toDataURL導出圖片報錯, cors 限制該怎么解決

Canvas toDataURL導出圖片報錯, cors 限制該怎么解決

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

1 回答

  • 1 回答
  • 0 關注
  • 817 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號