小程序生成二维码工具

分享一个支持微信、支付宝等小程序二维码生成模块工具

github 仓库地址

使用

安装

$ npm i qrcode-mini
or
$ yarn add qrcode-mini
or
$ pnpm add qrcode-mini

view

<canvas type="2d" id="myCanvas" style="width: 100px; height: 100px"></canvas>

js

示例微信小程序, 如果想运行示例代码，请前往 仓库 , 含支付宝、微信等小程序示例

import qrcode from 'qrcode-mini';
Page({
  onReady() {
    const query = wx.createSelectorQuery();
    query
      .select('#myCanvas')
      .fields({ node: true, size: true })
      .exec((res) => {
        const canvas = res[0].node;
        const dpr = wx.getSystemInfoSync().pixelRatio;
        canvas.width = res[0].width * dpr;
        canvas.height = res[0].height * dpr;

        // 只需要简单的4行
        qrcode({
          width: canvas.width,
          height: canvas.height,
          node: canvas,
          text: 'hello world',
        });
      });
  },
});

API

字段	说明	类型
width	节点宽度	Number
height	节点高度	Number
node	canvas 节点，别名 element / canvas	node
correctLevel	容错级别默认 2，可选 0/1/2/3	Number
foreground	二维码颜色，默认 #000000	String
background	二维码背景色，默认 #ffffff	String

github 仓库地址