html2canvas生成並下載圖片


html

<div  id="downChart">
</div>

jq

new html2canvas(document.getElementById('downChart'),{
        backgroundColor: "transparent",        //背景圖片透明
        allowTaint: true,    //跨域
        useCORS: true         //跨域
    }).then(canvas => {
        // canvas為轉換后的Canvas對象
        let oImg = new Image();
        oImg = canvas.toDataURL('image/png');  // 導出圖片
        console.log(oImg)

        var oA = document.createElement("a");
        oA.download = '';// 設置下載的文件名,默認是'下載'
        oA.href = oImg;
        document.body.appendChild(oA);
        oA.click();
        oA.remove(); // 下載之后把創建的元素刪除
      });

 


免責聲明!

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



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