原生小程序生成二维码方法之一

效果图:

第一步:下载对应的包并构建(工具---》构建npm)

npm install weapp-qrcode --save

第二步:在wxml页面声明canvas

<canvas style="width: 200px; height: 200px;margin:0 auto;" canvas-id="myQrcode"></canvas>

第三步:在js文件中开始引用 

import drawQrcode from 'weapp-qrcode'

第四步:开始生成 

drawQrcode({
      width: 200,
      height: 200,
      canvasId: 'myQrcode',
      text: 'https://www.baidu.com/'
    })

text:是生成后的内容

相关推荐

  1. uniapp程序---生成、保存)

    2024-07-11 14:46:01       60 阅读
  2. uniapp程序使用uQRCode.js生成

    2024-07-11 14:46:01       31 阅读
  3. 微信程序和支付宝程序生成

    2024-07-11 14:46:01       25 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-11 14:46:01       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-11 14:46:01       72 阅读
  3. 在Django里面运行非项目文件

    2024-07-11 14:46:01       58 阅读
  4. Python语言-面向对象

    2024-07-11 14:46:01       69 阅读

热门阅读

  1. C# 委托和事件

    2024-07-11 14:46:01       20 阅读
  2. MySQL常见的几种索引类型及对应的应用场景

    2024-07-11 14:46:01       25 阅读
  3. 带内管理与带外管理

    2024-07-11 14:46:01       21 阅读
  4. linux 内核 红黑树接口说明

    2024-07-11 14:46:01       20 阅读
  5. 使用Python绘制堆积面积图

    2024-07-11 14:46:01       22 阅读
  6. React@16.x(53)Redux@4.x(2)- action

    2024-07-11 14:46:01       23 阅读
  7. TS-类型别名和接口的区别

    2024-07-11 14:46:01       20 阅读