html element截图，无需服务端即可下载的功能

• html element截图，无需服务端即可下载的功能

  此代码在微信的浏览器中是无法使用下载功能的.

  document需要使用原生js的写法，否则无法正常执行

<button class="btn btn-sm btn-success" onclick="gen_hour_data()">下载图片1</button>

上面需要jq
<script type="text/javascript" src="{% static 'html2canvs/html2canvas.min.js' %}"></script>
<script >
    function gen_hour_data(){
        html2canvas(document.getElementById("hour_data")).then(function(canvas) {
            let imgUri = canvas.toDataURL('image/png').replace('image/png','image/octet-stream')
            let a_tag = document.createElement("a")
            a_tag.href = imgUri
            a_tag.download = "image_1.png"
            a_tag.click()
        });
    }
</script>