jquery实现微信中长按识别二维码
类别:Web前端 浏览量:761
时间:2017-3-5 jquery实现微信中长按识别二维码
jquery实现微信中长按识别二维码jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件 ,使用它可以很方便的在页面上生成二维条码。
一、下载jquery.qrcode.js文件
下载地址:http://jeromeetienne.github.io/jquery-qrcode/
二、使用jquery.qrcode页面中生成二维码
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.qrcode.min.js"></script>
<li id="code"></li>
<script type="text/javascript" src="jquery.js"></
$("#code").qrcode({
render:"table", //设置渲染方式,qrcode支持canvas和table两种方式进行渲染,默认使用canvas方式
width:200, //设置宽度
height:200, //设置高度
background:"#ffffff",//背景颜色
foreground:"#000000",//前景颜色
typeNumber: -1, //计算模式
correctLevel: QRErrorCorrectLevel.H,//纠错等级
text:"http://www.studyofnet.com" //任意内容
});
</script>
三、实现微信中长按识别二维码
1、这个时候生成的二维码在微信中长安没任何反应,因为qrcode生成的是canvas标签而不是img标签
2、将canvas标签转换为img标签
//从 canvas 提取图片 image
function convertCanvasToImage(canvas) {
//新Image对象,可以理解为DOM
var image = new Image();
// canvas.toDataURL 返回的是一串Base64编码的URL,当然,浏览器自己肯定支持
// 指定格式 PNG
image.src = canvas.toDataURL("image/png");
return image;
}
//获取网页中的canvas对象
var mycanvas1=document.getElementsByTagName('canvas')[0];
//将转换后的img标签插入到html中
var img=convertCanvasToImage(mycanvas1);
$('#imagQrli').append(img);//imagQrli表示你要插入的容器id
您可能感兴趣
- jquery.ajax error 如何调试错误
- jquery实现聚光灯效果
- jquery实现页面滚动时自动加载内容
- jquery中prop和attr的区别
- jquery左右选择框
- jquery插件写法
- jQuery邮箱自动补全
- javascript和jquery的区别详解(JavaScript与JQuery框架基础入门教程)
- jQuery对象和DOM的相互转换
- jQuery如何跳出each循环
- jquery中unbind、bind
- jquery添加商品(jquery实现购物车功能)
- jquery抛物线动画加入购物车
- jquery判断是否为数组
- jquery导航栏动画(jQuery实现带展开动画的导航栏效果)
- jquery 选择器的用法
- 《无敌破坏王2》 不聊彩蛋,聊聊我从动画里看到的现实那些事儿(无敌破坏王2不聊彩蛋)
- 《寄生虫》 三观不正 人类悲欢从来不相通,感同身受也并非本能(寄生虫三观不正)
- 这部动漫中的女孩子,可比101女孩更加励志(这部动漫中的女孩子)
- 《白狐的人生》热拍 贾征宇偶像包袱难自弃 图(白狐的人生热拍)
- 七夕取消了,牛郎织女没做核酸七夕已经取消(牛郎织女没做核酸七夕已经取消)
- 网友抵制 多地取消 夏日祭 为何惹众怒(网友抵制多地取消)
热门推荐
- laravel架构设置(Laravel框架查询构造器 CURD操作示例)
- ASP.NET 生成条形码
- sqlserver分表后如何查询(SQL Server中row_number分页查询的用法详解)
- js实现string.format 字符串占位符
- 笨办法学python3目录(如何愉快地迁移到 Python 3)
- docker网络有哪些模式(Docker网络原理及自定义网络详细解析)
- 微信html5页面怎么制作(HTML5中外部浏览器唤起微信分享功能的代码)
- 为什么做排版老出错(关于排版中经常见的问题及解决方法分享)
- mysql整体架构设计(MySQL 整体架构介绍)
- dedecms标签怎么调用(Dedecms自定义表单“数据校验不对,程序返回错误”的解决方法)