跳到主要内容

下载

普通下载文件

window.open(url, '_blank');

下载截图

使用html2canvas把 html 容器转换为 canvas
使用canvas2image把 canvas 转换为图片
yarn add html2canvas canvas2image

const container = document.querySelector('#container');
html2canvas(container).then(canvas => {
canvas2image.saveAsImage(canvas, container.clientWidth, container.clientHeight, 'jpeg');
});

问题:无法截取 img 标签内资源

需配置 html2canvas 资源跨域 html2canvas(container, { useCORS: true })