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 調用此方法的時候就可以實現下載