HTML生成图片

2023-12-27 17:43:53

步骤一：下载 html2canvas 并引入

html2canvas - Screenshots with JavaScript (hertzen.com)

步骤二：页面使用

创建一个点击按钮

<button id="exportPng">图片生成</button>

js中使用

// export-content 为需要导出成图片的页面 ID

$('#exportPng').click((e) => {
    html2canvas(document.getElementById('export-content')).then(function (canvas) {
        var imgData = canvas.toDataURL('image/png');
        var link = document.createElement('a');
        link.href = imgData;
        link.download = 'exported-image.png';
        link.click();
    });
})

文章来源:https://blog.csdn.net/weirdo_world/article/details/135249106
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。