微信小程序生成二维码方法接口集合
需求
需求:可以支持自定义信息再生成二维码的需求
调用网络提供接口
1、jquery-qrcode.js在PC端对应的功能我们是利用jquery-qrcode.js来实现的,但是在小程序里不支持操作dom,所以这个插件就用不了啦2、qrcode.js这个用在web网页开发可以,微信小程序不建议用这个3、weapp-qrcode.js微信小程序推荐用这个接口
weapp-qrcode.js操作步骤
下载weapp-qrcode.js接口软件包
https://codechina.csdn.net/mirrors/dillonlfy/weapp-qrcode?utm_source=csdn_github_accelerator
在小程序中引入weapp-qrcode.js,可以放在主目录下和app.js同目录,建议创建一个utils目录,放在这个下面
在需要用二维码的js页面引入weapp-qrcode.js
var QRCode=require("../../utils/weapp-qrcode.js")
wxml利用canvas画布画二维码
<canvas class='canvas' canvas-id='canvas' bindlongtap='save'></canvas>
js页面写canvas绑定函数,调用new QRCode画二维码
var qrcode = new QRCode('canvas', { //这个canvas是wxml页面定义的canvas-id='canvas'text: "123456",width: 150,height: 150,colorDark: "#000000",colorLight: "#ffffff",correctLevel: QRCode.CorrectLevel.H, });
实现效果,canavs,binglangtap长按触发生成二维码
微信小程序生成二维码方法接口集合相关推荐
- 微信小程序生成二维码,接口C接收值
微信小程序生成二维码,接口C接收值 深坑 解决 接口C替代方案 深坑 当我们用微信二维码生成接口c类型的二维码时,需要传入参数,而根据文档 我们填写 path时 传入参数例如 pah: page/in ...
- 微信小程序生成二维码方法1
qrCode类库下载链接:https://pan.baidu.com/s/1V2Fnut5r5zyVXpuB3XBCjA 提取码:9sz2 //ES6语法引入qrcode.js工具类 import ...
- 【微信小程序】微信小程序生成二维码报错errcode=41030,invalid page rid
场景 调用微信小程序生成二维码接口,提示报错 错误内容 array(2) {["errcode"] => int(41030)["errmsg"] =&g ...
- 【微信小程序生成二维码并下载,分享】
微信小程序生成二维码并保存,分享,下载 依赖工具 使用weapp-qrcode-base64库生成二维码的base64编码 链接:weapp-qrcode-base64 安装 npm install ...
- 微信小程序生成二维码的两种方式
微信小程序生成二维码的两种方式 2020/11/10 第一种,利用网络api自动生成 <image class="xin-erma" src="{{'https:/ ...
- 微信小程序生成二维码js
微信小程序生成二维码js 参考:https://github.com/tomfriwel/weapp-qrcode 最新的二维码工具:https://github.com/KeeeX/qrcodejs ...
- 微信小程序生成二维码带参海报
微信小程序生成二维码带参海报 没错,就是用 canvas 来实现 文章目录 微信小程序生成二维码带参海报 获取屏幕分辨率比 生成二维码 获取网络图片并转为本地临时文件 绘制背景图片以及二维码 代码片段 ...
- 微信小程序生成二维码可文字,链接,图片(支持中文)
功能简介 : 微信小程序生成二维码,支持文本和网址,支持中英文,输入框可清空,可单击保存二维码...... 核心代码 : createQrCode:function(url,canvasId,cavW ...
- 微信小程序生成二维码scene过长解决方法
小程序二维码scene参数限定长度为32位字符,但是实际开发中可能有很多的参数需要传递,怎么办呢? 对于目前32位长度的限制,解决方案: 方案一.中间页 + 短参数新建一个中间空白跳转页面,每次生成的 ...
- 微信小程序生成二维码工具类附带完整示例和源码
小程序二维码生成 源码地址 使用 复制src/qrcode.js到小程序目录下,直接引入即可使用 方法说明 // 通过RenderingContext绘制 function draw(ctx: any ...
最新文章
- DataAccessResourceFailureException异常解决方法
- ADOQuery的LockType
- redis中的事务、lua脚本和管道的使用场景
- 《大道至简》的幕后故事
- MySql主从数据同步的执行过程
- Flink从入门到入土
- Jquery获取列表中的值和input单选、多选框控制选中与取消
- python吃香吗_python编程为何这么吃香
- 【BIEE】超过了已配置的最大允许输入记录数
- BZOJ2049[SDOI2008] 洞穴勘测
- android 简单锁屏代码,【简单代码】默认锁屏代码第二弹~
- 李雅普诺夫指数的计算
- 《系统集成项目管理》第十二章 项目沟通管理和干系人管理
- win10点鼠标右键一直转圈好卡怎么办
- 小黄鸡QQ空间自动回复机器人
- python字符串前加 f 的含义
- html转成高清pdf,Javascript实现html转pdf高清版(提高分辨率)
- 新手程序员去哪里?避雷小技巧交给你
- 这个“安装macOS High sierra”应用程序副本已损坏,不能用来安装macOS
- [buuctf]crypto刷题学习记录(1-22)