html2canvas 采坑


1.需要將要轉換成圖片的區域div放置在body中,且需要display為block;

2.圖片跨域的問題:將icon轉換為base64

3.截圖不全:新版本插件不穩定,建議

<script src="https://cdn.bootcss.com/html2canvas/0.5.0-alpha1/html2canvas.min.js"></script>
多嘗試幾個版本
document.querySelector("#slot").innerHTML = dom;
        document.querySelector("#share-module").style.display = "flex";
         setTimeout(function(){
            html2canvas(document.querySelector("#html2canvas"),{useCORS:true}).then(canvas => {
                 document.querySelector("#shareImg").src=canvas.toDataURL();
                 document.querySelector("#slot").innerHTML = "";
            });
        },10);

此處的dom為要截圖的區域div;


免責聲明!

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



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