針對html2canvas圖片跨域問題處理
根據html2canvas文檔說明，圖片跨域只需配置 useCORS：true即可解決跨域問題：

但是，經過百般嘗試，加了這個還是不行，就衍生出很多轉成base64來繪制圖片，一旦圖片大，網絡慢，極容易出現圖片丟失問題。最終還是找到以下方案解決，直接上代碼：

<div class='saveImg'><img :src="bgurl" alt="" crossorigin="anonymous"/> </div> html2canvas(document.querySelector(".saveImg"), {useCORS: true }).then(canvas => {let dataURL = canvas.toDataURL("image/png"); });

以上代碼即可解決html2canvas圖片跨域問題
注：
1. img標簽的crossorigin=“anonymous”
2. useCORS: true
以上2個屬性缺一不可以

總結

以上是生活随笔為你收集整理的html2canvas图片跨域问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。