最近在开发中,需要生成自定义的二维码,于是做了一个包出来,分享给大家一起使用。适用于微信小程序的二维码生成器,基于Canvas生成,支持中文的输入。可在原生小程序,mpvue,taro中使用。(文末有一个使用示例)
github地址(wxmp-qrcode)[https://github.com/Z-HNAN/wxmp-qrcode]
安装
npm install wxmp-qrcode
使用
- 创建一个canvas,设置其
id
,与canvas-id
, 并设置canvas的样式,二维码基于其大小生成并居中
<canvas id="cav-qrcode" canvas-id="cav-qrcode"></canvas>
- 引入包并使用
import QR from 'wxmp-qrcode'
QR.draw(str, canvasId)
api
/**
* 根据canvas尺寸,画出合适居中的qrcode
* @param {Object} str 二维码的内容