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

效果图:

第一步:下载对应的包并构建(工具---》构建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:是生成后的内容

相关推荐
00后程序员张29 分钟前
python 抓包在实际项目中的合理位置,结合代理抓包、设备侧抓包与数据流分析
android·ios·小程序·https·uni-app·iphone·webview
2501_915918418 小时前
使用 HBuilder 上架 iOS 应用时常见的问题与应对方式
android·ios·小程序·https·uni-app·iphone·webview
2501_9160074710 小时前
iOS 崩溃日志的分析方法,将崩溃日志与运行过程结合分析
android·ios·小程序·https·uni-app·iphone·webview
2501_9160074710 小时前
React Native 混淆在真项目中的方式,当 JS 和原生同时暴露
javascript·react native·react.js·ios·小程序·uni-app·iphone
00后程序员张11 小时前
苹果应用商店上架App流程,签名证书、IPA 校验、上传
android·ios·小程序·https·uni-app·iphone·webview
2501_9160074711 小时前
iOS 上架需要哪些准备,围绕证书、描述文件和上传方式等关键环节展开分析
android·ios·小程序·https·uni-app·iphone·webview
qq_124987075311 小时前
基于微信小程序的私房菜定制上门服务系统(源码+论文+部署+安装)
java·spring boot·微信小程序·小程序·毕业设计·毕设
2501_9151063211 小时前
iOS 上架费用解析,哪些成本可以通过流程优化降低。
android·ios·小程序·https·uni-app·iphone·webview
风月歌12 小时前
小程序项目之超市售货管理平台小程序源代码(源码+文档)
java·微信小程序·小程序·毕业设计·源码
Lily.C12 小时前
小程序WebSocket实时通信全解析
websocket·网络协议·小程序