使用html2canvas工具将html转canvas生成图片并下载

工具下载
引入html2canvas.js

 <script src="./js/html2canvas.min.js"></script>

<button type="button" onclick="getImg()" >保存图片</button>

function getImg() {
        html2canvas(document.getElementById("mapid")).then(function (canvas) {
            var imgUrl = canvas.toDataURL();
            var dom = document.createElement('a');
            dom.setAttribute("href", imgUrl);
            dom.setAttribute("download", "截图");
            dom.click();
        });
    }

点击按钮下载