前端批量生成二维码并打包下载，如何优化性能？

Question

目前使用qrcodejs2 生成， 并用html2canvas 截取dom生成图片拿到数据
然后使用jszip 和 file-saver 打包和下载

但是当二维码数量超过百张的时候明显效率很低，请问有什么优化思路呢？

Answer 1

html2canvas 有着非常完备的 CSS 解析-渲染流程，不管是解析还是渲染，都会很耗性能，所以获取二维码不应该使用 html2canvas，我对 qrcodejs2不熟，但是其显示应该是用 img 或者 canvas的，再不济也得是背景图，你找到其用于显示的标签，如果是 img 或者背景图，就获取对应的图片 url，如果是canvas，就toDataURL。
如果瓶颈是出在压缩过程的话，基本是没有优化空间的，可以寻求更好的方案。