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

效果图:

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

相关推荐
van叶~3 小时前
Linux探秘坊-------4.进度条小程序
linux·运维·小程序
大叔_爱编程7 小时前
wx030基于springboot+vue+uniapp的养老院系统小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
计算机学姐9 小时前
基于微信小程序的驾校预约小程序
java·vue.js·spring boot·后端·spring·微信小程序·小程序
互联网资讯13 小时前
详解共享WiFi小程序怎么弄!
大数据·运维·网络·人工智能·小程序·生活
计算机-秋大田15 小时前
基于微信小程序的电子点菜系统设计与实现(KLW+源码+讲解)
java·后端·微信小程序·小程序·课程设计
V+zmm1013420 小时前
基于微信小程序高校订餐系统的设计与开发ssm+论文源码调试讲解
java·数据库·微信小程序·小程序·毕业设计
Tencent_TCB20 小时前
他把智能科技引入现代农业领域
低代码·小程序·微搭低代码·现代农业
低代码布道师21 小时前
家政预约小程序08服务分类
低代码·小程序
V+zmm1013421 小时前
基于微信小程序的医院挂号预约系统ssm+论文源码调试讲解
java·数据库·微信小程序·小程序·毕业设计
橘子海全栈攻城狮1 天前
【源码+文档+调试讲解】基于Spring Boot的协作会话平台
java·spring boot·后端·spring·微信小程序·小程序