前端批量生成二维码并打包下载,如何优化性能?
目前使用qrcodejs2
生成, 并用html2canvas
截取dom生成图片拿到数据
然后使用jszip
和 file-saver
打包和下载
但是当二维码数量超过百张的时候明显效率很低,请问有什么优化思路呢?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
html2canvas
有着非常完备的CSS
解析-渲染流程,不管是解析还是渲染,都会很耗性能,所以获取二维码不应该使用html2canvas
,我对qrcodejs2
不熟,但是其显示应该是用img
或者canvas
的,再不济也得是背景图,你找到其用于显示的标签,如果是img
或者背景图,就获取对应的图片url
,如果是canvas
,就toDataURL
。如果瓶颈是出在压缩过程的话,基本是没有优化空间的,可以寻求更好的方案。