微信生成二维码长按识别

1.引入JS库

<script src="jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.qrcode.min.js" type="text/javascript" charset="utf-8"></script>

2.在页面创建一个空的div;

<div id="qrDiv"></div>

3.生成二维码

$("#qrDiv").qrcode({ width: 120, //宽度 height:120, //高度 text: "需要生成的二维码内容" //任意内容 });

注意：这个时候生成的二维码在微信中长安没任何反应，因为qrcode生成的是canvas标签而不是img标签

4.将canvas标签转换为img标签

//从 canvas 提取图片 image
function convertCanvasToImage(canvas) {//新Image对象，可以理解为DOMvar image = new Image();// canvas.toDataURL 返回的是一串Base64编码的URL，当然,浏览器自己肯定支持// 指定格式 PNGimage.src = canvas.toDataURL("image/png");return image;
}//获取网页中的canvas对象var mycanvas1=document.getElementsByTagName('canvas')[0];//将转换后的img标签插入到html中var img=convertCanvasToImage(mycanvas1);$('#imagQrDiv').append(img);//imagQrDiv表示你要插入的容器id

注意：完成上述步骤后就可以在微信中长按识别了

本人开源中国博客地址：http://my.oschina.net/ht896632/blog/737017

微信生成二维码长按识别相关推荐

小程序内嵌二维码长按识别内测QA
一.使用方式: index.wxml <view class="page-wrapper"><text class="title">二维 ...
Android利用zxing生成二维码，识别二维码，中间填充图片超详细、超简易教程
gayhub上的zxing可用于生成二维码,识别二维码 gayhub地址:https://github.com/zxing/zxing 此文只是简易教程,文末附有完整代码和demo下载地址,进入正题: ...
生成二维码、识别二维码的工具类
笔者日常: 第一次用markdown写文章,有点手生~ 声明: 此工具类由本人二次整理改造后分享给大家,原编写者未知,虽然本人重写了大部分逻辑代码,但是核心部分仍然是采用的原来的代码.若涉及侵权问题, ...
【opencv】生成二维码并识别
[opencv]生成二维码并识别生成二维码图片识别摄像头识别生成二维码 import qrcode #模块导入 #调用qrcode的make()方法传入url或者想要展示的内容 img = q ...
微信开发，解决jquery.qrcode.min.js生成二维码长按不识别问题
转载的地址:https://my.oschina.net/ht896632/blog/737017 jquery.qrcode.js 是一个纯浏览器生成 QRcode 的 jQuery 插件((可以 ...
（转）ZXing生成二维码和带logo的二维码，模仿微信生成二维码效果
场景:移动支付需要对二维码的生成与部署有所了解,掌握目前主流的二维码生成技术. 1 ZXing 生成二维码首先说下,QRCode是日本人开发的,ZXing是google开发,barcode4j也是老 ...
Flutter - 生成二维码与识别二维码
#生成二维码 ##首先需要在pubspec.yaml:中添加 qr_flutter: ^1.1.3 其次,引入代码: import 'package:qr_flutter/qr_flutter.dar ...
Wx腾讯微信生成二维码---＞微信扫描后注册并登录
Wx生成二维码 1.配置yml application.yml wx:open:# 微信开放平台 appidappid: wxed9954c01bb89b47# 微信开放平台 appsecretapp ...
使用 canvas 模拟微信生成二维码名片
需求说明模拟微信的二维码名片的功能接口获取到用户的二维码,前端将二维码,背景图,用户头像(圆形),用户姓名等信息结合生成一张图片示例等比例创建画布获取背景图,监听图片的 onload 事件 ...

微信生成二维码长按识别

微信生成二维码长按识别相关推荐

最新文章

热门文章