需求:在vue项目中,本地div生成图片并下载,当然非vue项目也一样用,本文以vue项目为例。
流程:
第一步:下载html2canvas,使用命令npm install html2canvas --save
第二步:在需要的vue文件中引入html2canvas,import html2canvas from 'html2canvas';
第三步:
总结:红圈第一个canvasID就是需要下载生成图片的div,第二个红圈是生成图片的名称,这两个都可以写成动态的,我这个地方就是单独的弹窗下载,就直接静态处理了。