微信小程序生成二维码

最新推荐文章于 2024-08-08 08:32:59 发布

前端-文龙刚

最新推荐文章于 2024-08-08 08:32:59 发布

阅读量291

点赞数

分类专栏：小程序文章标签：微信小程序 javascript 前端

本文链接：https://blog.csdn.net/qq_17211063/article/details/127010330

版权

小程序专栏收录该内容

84 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何在微信小程序中利用weapp-qrcode库生成二维码，包括wxml和js代码示例，以及二维码配置参数的详细说明。通过这个库，可以自定义二维码的尺寸、填充、可辨识度等属性，并在生成后获取二维码的路径。

摘要由CSDN通过智能技术生成

wxml代码：

<canvas class="canvas-code"canvas-id="myQrcode" style="background:#fff;width: 200px;height: 200px;"/>

js代码：

import QRCode from '../../lib/weapp-qrcode'

new QRCode('myQrcode',{
      text: 'http://www.baidu.com',
      width: 200,
      height: 200,
      padding: 12, // 生成二维码四周自动留边宽度，不传入默认为0
      correctLevel: QRCode.CorrectLevel.L, // 二维码可辨识度(从低到⾼依次是M、L、H、Q)
      callback: (res) => {
       console.log(res.path)
      }
     })