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

1.引入jscss

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

2.使用canvas

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 調用此方法的時候就能夠實現下載瀏覽器

相關文章
相關標籤/搜索