微信小程序 - 生成二维码

最新推荐文章于 2025-11-05 12:23:49 发布

原创

最新推荐文章于 2025-11-05 12:23:49 发布 · 1.1k 阅读

7 ·

CC 4.0 BY-SA版权

前言：通过小程序端生成二维码也是很有必要的，可以为后台减压。

本文介绍三个插件，其中各有不同，各有优点。

1、可以生成带图标的二维码

图示：

下载：链接: https://pan.baidu.com/s/198L7DrILfc5M7nQ_il179g 提取码: peuw

示例：

// index.wxml
<canvas canvas-id="qrcode" style="height: 200px;width: 200px"></canvas>

// index.js
import drawQrcode from '../../utils/test/weapp.qrcode.esm.js'
Page({
  data: {},
  onLoad: function () {
    drawQrcode({
      width: 200, // 二维码宽度
      height: 200,  // 二维码高度
      canvasId: 'qrcode', // canvasid
      text: 'https://www.baidu.com',  // 用于生成二维码的文本
      image: {
        imageResource: '/images/change.png',  // 二维码上的图标
        dx: 70, // 在二维码中位置x坐标
        dy: 70,  // 在二维码中位置y坐标
        dWidth: 60, // 宽度
        dHeight: 60