html2canvas实践生成图片并下载到本地

最新推荐文章于 2026-04-05 09:03:44 发布

原创最新推荐文章于 2026-04-05 09:03:44 发布 · 1.4k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一种使用html2canvas库将网页元素转换为图片并下载为JPEG格式的方法，适用于邀请函等需要生成二维码场景。

文章目录

    function downloadQrCode(){
        html2canvas(document.querySelector("#canvasBoard")).then(function(canvas) {
            var img = document.createElement('a');
            img.href = canvas.toDataURL("image/jpeg").replace("image/jpeg", "image/octet-stream");
            img.download = 'invite.jpg';
            img.click();
        });
    }