纯前端生成二维码

422 阅读1分钟

需求背景

在工业巡检领域 经常会有打卡签到的需求 这次的需求是根据巡检点的信息生成签到二维码 二维码中的内容较为复杂 除了二维码本身之外 还有一些基本信息 如线路名称 和 点位名称等 且二维码中间要有甲方的logo

技术调研以及实现的思路

在网上找了很多二维码生成的例子 最后选定了 node-qrcode 他的好处就是通用性强

那么下面说说我的实现思路

简单来说 就是用qrcode插件生成一个二维码 然后通过canvas的api进行二次绘制 写入一些基本信息 最后要实现可以在线预览 支持文件导出 和 上传文件等功能