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

效果图:

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

相关推荐
优雅的大白鹅3 小时前
创建uniapp小程序
小程序·uni-app
liangdabiao4 小时前
开源AI拼豆大升级 - 一键部署cloudflare page - 全免费 web和小程序
前端·人工智能·小程序
px不是xp6 小时前
DeepSeek API集成:让小程序拥有AI大脑
javascript·人工智能·小程序
小汪说干货6 小时前
2026年4月最新|公众号文章插入文档附件3种技术方案
javascript·小程序
小汪说干货13 小时前
2026年4月优化版|公众号文档格式附件插入3种方案(推荐“附链”小程序)
小程序·微信公众平台
万岳科技系统开发1 天前
商城系统搭建自建平台与入驻第三方平台对比分析
数据库·小程序·架构
double_eggm1 天前
微信小程序3
微信小程序·小程序
杰建云1671 天前
小程序如何提升留存?
小程序·小程序制作
PinTrust SSL证书1 天前
Geotrust企业型OV通配符SSL
网络协议·网络安全·小程序·https·云计算·ssl
怀君1 天前
Uniapp——微信小程序Canvas层级过高问题解决
微信小程序·小程序·uni-app