操作dom 把页面转为图片并下载

原理:
1,通过命令 npm i html2canvas,引用 html2canvas 的包,它可以将页面DOM元素生成 canvas 元素;然后使用 canvas 的 toDataURL(‘image/jpeg’) 方法,将 canvas 元素生成图片base64格式的 url;
2,动态创建一个 a 标签,将 上面获取到的 url 添加给 a 标签的 href 属性,然后模拟 a 标签点击,即可实现图片下载。



你可能感兴趣的:(操作dom 把页面转为图片并下载)