微信小程序中使用qrcode.js

3,721 阅读1分钟

1、安装weapp-qrcode

npm i weapp-qrcode -D

2、小程序打开npm编译一下。

image.png

image.png

3、使用

1、引入
import weappQRcode from 'weapp-qrcode'

2、使用
<canvas canvas-id="myQRcode" style="width: 100rpx;height:100rpx;"></canvas>

new weappQRcode({
  width: 150,
  height: 150,
  canvasId: 'myQRcode',
  text: 'http://www.baidu.com'
});