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属性选择器
- jquery的动画效果api(jQuery框架实现元素显示及隐藏三种动画方式)
- jquery插件开发
- jquery unbind
- Jquery中的offset()和position()的区别
- html导航条下拉菜单代码(Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码)
- jquery中serialize方法对空格的处理
- jquery图片轮播代码
- jquery中text(),val(),html()区别
- jquery滚动固定插件在哪(jquery 步骤进度轴插件的实现代码)
- jQuery中height()、innerheight()、outerheight()的区别
- jquery的直接设置下拉框的选中值(jquery实现户籍地选择下拉框)
- jquery实现微信中长按识别二维码
- Jquery实现table表格行的添加、删除
- jQuery如何操作下拉框select
- Jquery中parent()和parents()
- 微商在朋友圈热卖的 DL减肥咖啡 含违禁药物,你还敢买吗(微商在朋友圈热卖的)
- 八一节,说说中国女兵(八一节说说中国女兵)
- 王治郅菜鸟赛季已让八一带入正轨,大郅七大经典语录或是成功秘诀(王治郅菜鸟赛季已让八一带入正轨)
- 庆八一,重读经典红色语录,感悟互联网发展硬道理(重读经典红色语录)
- TVB新剧《黯夜守护者》将播,陈展鹏陈炜首次合作探讨人性(TVB新剧黯夜守护者将播)
- 新晋小花被称女版吴卓羲 将取代滕丽名成为TVB新一代御用女警(新晋小花被称女版吴卓羲)
热门推荐
- mysql 用户权限配置(详解MySQL 用户权限管理)
- 微信小程序静态页面详情(微信小程序基础教程之echart的使用)
- selenium是否登录成功(使用selenium模拟登录解决滑块验证问题的实现)
- idea如何搭建tomcat(IDEA2020.1.2创建web项目配置Tomcat的详细教程)
- html和css制作导航条(使用Html+Css实现简易导航栏功能导航栏遇到鼠标切换背景颜色)
- mysqlnull所占空间(详解mysql三值逻辑与NULL)
- python搭建django框架(详解Python网络框架Django和Scrapy安装指南)
- nodejs 内部模块代码(详解Node.js如何处理ES6模块)
- 如何查看python是否安装selenium(selenium+python截图不成功的解决方法)
- 谷歌浏览器调试工具中sources面板