使用html2canvas将html保存为图片

<div>使用html2canvas将html保存为图片</div>
<a download="使用html2canvas将html保存为图片.png"><img/></a>
<style>
div {
    position:fixed;
    top:200%;
    background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
    background: -o-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
    background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
    background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
}
</style>
<script>
    html2canvas(document.querySelector("div")).then(canvas => {
        var t = canvas.toDataURL("image/png");
        document.querySelector('img').src = t;
        var a = document.querySelector('a');
        a.href = t;
        a.click();
    });
</script>

html2canvas options