html2canvas生成圖片報錯處理辦法


詳見大佬博客鏈接: link.(https://www.jianshu.com/p/22bd5b98e38a)

需要注意的是要生成的網頁中帶的網絡圖片地址(如放在阿里雲服務器圖庫的圖片)經常有跨域報錯問題,
除了給img標簽去加上 跨域屬性crossorigin="anonymous"以外,
圖片地址結尾需要拼接個任意字符串以防緩存原因圖片沒有實時修改顯示('http://h0.hucdn.com/open/201819/9404b56f97e7df8a_750x1334.png?any_string_is_ok');
還有一點就是背景圖片的跨域問題,
解決辦法就是所有用的div的背景圖片都改成img標簽加在DOM里面(就是寫樣式不要用放背景圖的方式,改成img標簽去給他定位到底層實現背景圖的效果),
測試的時候注意刷新加載時清空緩存硬性加載


免責聲明!

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



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