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

效果图:

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

javascript 复制代码
npm install weapp-qrcode --save

第二步:在wxml页面声明****canvas

html 复制代码
<canvas style="width: 200px; height: 200px;margin:0 auto;" canvas-id="myQrcode"></canvas>

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

javascript 复制代码
import drawQrcode from 'weapp-qrcode'

第四步:开始生成

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

text:是生成后的内容

相关推荐
The_era_achievs_hero6 小时前
微信小程序71~80
微信小程序·小程序
!win !7 小时前
被老板怼后,我为uni-app项目引入环境标志
前端·小程序·uni-app
澄江静如练_11 小时前
微信小程序发体验版
微信小程序·小程序
张晓~1833994812116 小时前
数字人源码部署流程分享--- PC+小程序融合方案
javascript·小程序·矩阵·aigc·文心一言·html5
The_era_achievs_hero18 小时前
微信小程序61~70
微信小程序·小程序
汤姆yu1 天前
基于微信小程序的学校招生系统
微信小程序·小程序·招生小程序
说私域2 天前
基于开源AI智能名片链动2+1模式的S2B2C商城小程序:门店私域流量与视频号直播融合的生态创新研究
人工智能·小程序·开源
说私域2 天前
传统微商困境与开源链动2+1模式、AI智能名片及S2B2C商城小程序的转型破局
人工智能·小程序·开源
一渊之隔2 天前
微信小程序在用户拒绝授权后无法使用wx.opensetting再次获取定位授权
微信小程序·小程序
racerun2 天前
微信小程序如何实现再多个页面共享数据
微信小程序·小程序