小程序微信小程序程序员

微信小程序生成二维码工具weapp-qrcode.js

2018-01-02  本文已影响133人  tomfriwel

weapp-qrcode

微信小程序生成二维码工具

生成二维码数据的主要代码来自davidshimjs/qrcodejs,因为它这个里面生成二维码图片的功能在微信小程序里不能使用,我将这个功能改写成可以在微信小程序中使用。

截图

截图1
截图2
gif

使用

页面js中引入:

var QRCode = require('../../utils/weapp-qrcode.js')

页面加载好后:

var qrcode = new QRCode('canvas', {
    text: "https://github.com/tomfriwel/weapp-qrcode",
    width: 150,
    height: 150,
    colorDark: "#000000",
    colorLight: "#ffffff",
    correctLevel: QRCode.CorrectLevel.H,
});

text为需要转化为二维码的字符串;

widthheight为绘制出的二维码长宽,这里设置为跟canvas同样的长宽;

colorDarkcolorLight为二维码交替的两种颜色;

correctLevel没有细看源码,命名上看应该是准确度;

如果需要再次生成二维码,调用qrcode.makeCode('text you want convert')

主要流程

主流程

源代码

tomfriwel/weapp-qrcode

上一篇 下一篇

猜你喜欢

热点阅读