html2canvas插件使用小结

需求:在vue项目中,本地div生成图片并下载,当然非vue项目也一样用,本文以vue项目为例。

流程:

    第一步:下载html2canvas,使用命令npm install html2canvas --save

    第二步:在需要的vue文件中引入html2canvas,import html2canvas from 'html2canvas';

    第三步:

总结:红圈第一个canvasID就是需要下载生成图片的div,第二个红圈是生成图片的名称,这两个都可以写成动态的,我这个地方就是单独的弹窗下载,就直接静态处理了。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容