js 如何將dom轉換為 圖片(base64)


1.引入js

<script src="https://cdn.bootcss.com/html2canvas/0.4.1/html2canvas.js"></script>

2.使用

function DownLoadDomImg(el) {
    html2canvas(el, {
	// 頁面高度  
	height: el.height,
	// 頁面寬度
	width: el.width,
	onrendered: function(canvas) {
		var mA = document.createElement("a");
		mA.href = canvas.toDataURL()
		mA.setAttribute('download', 'download.png');
		mA.click();
		console.log(mA);
         // 如果是ie瀏覽器 則需要 使用ie瀏覽器的下載方法 進行下載 一會補充 } }); } // 使用 DownLoadDomImg(document.getElementById("box"))

  這個時候 傳入想要下載的 元素id 調用此方法的時候就可以實現下載


免責聲明!

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



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