使用html2canvas将html保存为图片

论坛 期权论坛 脚本     
匿名技术用户   2021-1-5 04:54   32   0
<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

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP