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