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

效果图:

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

相关推荐
2501_9151063214 小时前
当 Perfdog 开始收费之后,我重新整理了一替代方案
android·ios·小程序·https·uni-app·iphone·webview
Java.慈祥15 小时前
速通-微信小程序 2Day
微信小程序·小程序·前端框架
CHU72903516 小时前
生鲜商城小程序前端功能版块:适配生鲜采购核心需求
前端·小程序
hnxaoli16 小时前
通信小程序(九)快捷键自动改名
linux·python·小程序
2501_9159184116 小时前
中小团队发布,跨平台 iOS 上架,证书、描述文件创建管理,测试分发一体化方案
android·ios·小程序·https·uni-app·iphone·webview
2501_9339072117 小时前
宁波小程序公司是什么?主要提供宁波微信小程序制作与服务吗?
科技·微信小程序·小程序
CHU72903519 小时前
废品回收小程序前端功能设计逻辑与实践
前端·小程序
小小王app小程序开发19 小时前
上门家政服务小程序盈利模式分析(附技术落地要点)
小程序
蜕变菜鸟19 小时前
小程序分享
小程序
2501_9151063219 小时前
iOS 如何绕过 ATS 发送请求,iOS调试
android·ios·小程序·https·uni-app·iphone·webview