html2canvas圖片截圖截不到圖像的問題解決


在回顯圖片后,給img標簽動態的加上crossOrigin="anonymous"屬性

然后

服務端開啟跨域response.setHeader("Access-Control-Allow-Origin","*");

並且開啟CORS(重要)

前端等圖片加載完后再截圖(重要)

截圖JS代碼(會來百度的都看的懂):useCORS記得開起來,很重要!!!

html2canvas($("#capture")[0], {
    useCORS: true,
    backgroundColor:null,
}).then(canvas => {
    let imgUri = canvas.toDataURL("image/png").replace("image/png","image/octet-stream")
    console.log(imgUri);

 


免責聲明!

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



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