js自定义内容生成二维码，qrcodejs的使用

qrcodejs

qrcodejs 是基于原生 js 的文本转换成二维码的库，轻量且使用方法简单，它的实现原理是通过 canvas 将重新编码的内容绘制在页面元素上，

使用 qrcodejs 时可以选择引入它的 cdn 或者使用 npm 下载

npm install qrcodejs --save

qrcodejs 官网：qrcode.js (davidshimjs.github.io)

使用方法

new QRCode(dom, text);

dom: 一个 dom 元素
text：存入二维码中的文本内容

let qrcode = new QRCode(dom, option);

dom: 一个 dom 元素
option: 一个配置对象，参数如下图 

实例化 QRCode 类时，会自动生成二维码

 生成二维码的实例

首先要注意几个问题

1. 只能将字符串类型的数据转成二维码，
2. 当字符串被识别成网址时，会自动识别网站跳转，否则直接显示字符串内容
3. 二维码能存储的最大容量只有 3kb，超过这个值会产生错误（下图）
4. 二维码存储图片或其他类型（音频，视频）的文件，应该将文件上传到服务器，再由服务器提供访问地址，将地址转成二维码
5. 二维码有很强的区分识别能力，即使二维码不是完整的（部分遮挡）也不影响识别，所以可以在这个基础上生成不同风格的二维码（如，放一个很小的图片在中间）

尝试将图片的 base64 转二维码失败错误：

实例代码

这个二维码的内容为 hello world 字符串