二维码

在web页面上快速生成二维码的两种实用方法

萝らか妹 提交于 2019-12-19 18:51:01
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 二维码是桌面和移动端快速分享的高效手段之一,这里介绍两个不错的快速开发二维码的方法,和大家分享一下~~ 方法1:使用新浪提供的服务 这种方式简单快速,在服务端生成一个二维码的图片,兼容性比较好,你无需自己处理任何相关二维码的生成,只需要提供一端文字或者url即可,方法如下: <img src = "http://qrcoder.sinaapp.com?t=http://www.gbtags.com" > 生成效果如下: 大家扫一扫就可以访问极客标签主站了~~ 方法2: 使用jQuery插件qrcode QRcode是一个jQuery插件,可以使用javascript快速帮助你生成相关的二维码 相关代码如下: var qrcode = new QRCode ( "qrcode" , { text : "http://www.gbtags.com" , width : 260 , height : 260 , colorDark : '#efb73e' , colorLight : "#ffffff" }); 生成效果如下: 如果对这个插件有兴趣,推荐阅读这节课程: QRcode的使用 以上是两种比较实用的生成二维码的方法, 懒人推荐使用第一种, 简单快速, 如果需要深度自定义的话

使用jquery.qrcode生成二维码

痴心易碎 提交于 2019-12-19 18:12:56
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 二维码应用已经渗透到我们的生活工作当中,您只需要用手机对着二维码“扫一扫”即可获得所对应的信息,方便我们了解商家、购物、观影等等。本文将介绍一款基于jquery的二维码生成插件qrcode,在页面中调用该插件就能生成对应的二维码。 查看演示 下载源码 qrcode其实是通过使用jQuery实现图形渲染,画图,支持canvas(HTML5)和table两种方式,您可以到 https://github.com/jeromeetienne/jquery-qrcode 获取最新的代码。 如何使用 1、首先在页面中加入jquery库文件和qrcode插件。 <script type = "text/javascript" src = "jquery.js" > </script> <script type = "text/javascript" src = "jquery.qrcode.min.js" > </script> 2、在页面中需要显示二维码的地方加入以下代码: <div id = "code" > </div> 3、调用qrcode插件。 qrcode支持canvas和table两种方式进行图片渲染,默认使用canvas方式,效率最高,当然要浏览器支持html5。直接调用如下: $( '#code' )

jquery.qrcode 生成二维码

梦想与她 提交于 2019-12-19 17:48:23
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 识别字符串 1、首先 下载 jquery.qrcode 插件后, 在页面中引入 jquery 库文件和 qrcode 插件。 <script type = "text/javascript" src = "jquery.js" > </script> <script type = "text/javascript" src = "jquery.qrcode.min.js" > </script> 2、在页面中需要显示二维码的地方加入标签: <div id = "qrcode" style="text-align: center;" > </div> 3、调用 qrcode 插件。 qrcode 支持 canvas 和 table 两种方式进行图片渲染,默认使用 canvas 方式,效率最高,当然要浏览器支持html5。调用如下: $( '#qrcode' ).qrcode( "http://www.baidu.com" ); //任意字符串 也可以通过以下方式调用: $( "#qrcode" ).qrcode( { render: "table" , //table方式 width: 200 , //宽度 height: 200 , //高度 text: "www.baidu.com" //任意内容 } );

微信网页中 多个二维码的识别

妖精的绣舞 提交于 2019-12-19 17:08:46
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 微信网页中 长按识别二维码时 如果同一页面中有多个二维码 会随机识别一个二维码的情况..这种状况是不能忍受的.. 在度娘上面搜索一些相关信息,有人说 微信识别二维码的机制是 先整张页面截图,在分析图中的二维码(原谅我不记得出处了)..既然可能是这种机制,那应对起来也就方便一些了 先说一下思路: ###假如页面中有两张二维码,当点按 A 二维码时,将 B 二维码加一个遮罩层,这样在微信截图到的页面中,只有 A 是一个很明显的二维码..识别出 A 二维码的几率就会高上很多 具体代码如下 $('li').on('touchstart',function(){ $(this).siblings('li').find('.mask_img').css({'display':'block'}); }); $('li').on('touchend',function(){ $(this).siblings('li').find('.mask_img').css({'display':'none'}); }); <li class="left fl" style="position:relative;"> <img src="4_07.png" class="jointly_one" alt="img"> <div class

jquery实现微信长按识别二维码

ぃ、小莉子 提交于 2019-12-19 16:52:31
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 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对象,可以理解为DOM var image = new Image(); // canvas.toDataURL 返回的是一串Base64编码的URL,当然,浏览器自己肯定支持 // 指定格式 PNG image.src =

在线生成二维码的API接口

雨燕双飞 提交于 2019-12-18 06:04:30
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>  在线生成网址二维码的API接口:   http://qr.liantu.com/api.php?text= http://google.com http://api.k780.com:88/?app=qr.get&data= http://google.com &level=L&size=6 https://api.qrserver.com/v1/create-qr-code/?size=150x150&data= http://google.com   使用说明:把url=后面的网址改成你要生成二维码的;用它们只需要填写好网址就能自动生成二维码,方便实用,以上几个,任选一种即可。 来源: oschina 链接: https://my.oschina.net/wuweixiang/blog/3144218

用python进行微信公众号开发(仅测试学习)

六眼飞鱼酱① 提交于 2019-12-17 18:01:14
今天看到篇教程,是用python开发微信公众号的,觉得有意思,就敲代码实现了一下,成功后更觉得好玩,故记录,方便开发深入时使用。 基础背景介绍: 首先得有个人微信号(没有自行注册),为方便测试学习; 其次,还要注册微信公众号,微信公众号不止一种,是分多种的,具体详情见官方说明,但仅测试学习时可先不注册公众号,(需要用个人微信号扫描登陆测试公众平台)利用微信提供的测试平台接口即可: 微信公众号说明:http://kf.qq.com/faq/120911VrYVrA130805byM32u.html 微信公众号注册站点:https://mp.weixin.qq.com/ 免费测试公众平台:https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 微信开发者文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1445241432 下面就进入正题: 说明:最好使用公网ip主机和备案的域名进行测试,本文测试使用的阿里云主机有公网ip,域名备案遇到坑了,买了域名无法在北京阿里云上备案,所以没有使用域名; 接入微信公众平台 其实,微信api接口使用,这里主要是参考官网的说明部署的,步骤有点像曾经写过的一篇用zabbix实现微信报警的配置;想玩好了

二维码生成工厂

一个人想着一个人 提交于 2019-12-17 04:27:16
本次主要分享的是3个免费的二维码接口的对接代码和测试得出的注意点及区别,有更好处理方式多多交流,相互促进进步;最近在学习JavsScript的扩展TypeScript,感觉语法糖很甜,大部分与C#更为类似,可能都是微软项目的原因吧,有兴趣的朋友可以多多相互交流下; 以上是个人的看法,下面来正式分享今天的文章吧: . Google的Api二维码生成接口 . 2d-code的Api二维码生成接口 . topscan的Api二维码生成接口 . 使用面向对象+加载程序集创建对象合并以上接口封装成二维码生成工厂 下面一步一个脚印的来分享: . Google的Api二维码生成接口 首先,这里给出Google接口文档的链接 qr_codes文档 ,热情的朋友马上就会打开此链接吧,详细看下里面的参数这就不做截图了,大致通常用到的参数是:api地址,内容参数,生成图片的高宽这3个参数,其他的几个参数都采用默认的吧,不同需要大家可以更详细的看下;其实第一次看到文档里面的参数,感觉少了一些东西,比如怎么不能传递二维码中间那个图标的图片地址和扫描二维码过后怎么跳转到我想重定向的url链接呢,带着这个疑问我进行了多次的尝试;下面给出自己尝试的结果说明: 1. 接口关键参数是:cht(固定值qr),chl(内容参数),chs(生成出来二维码图片尺寸,格式如:200x200,这里是xyz的x不是*) 2.

二维码的生成细节和原理

房东的猫 提交于 2019-12-16 03:41:01
二维码的生成细节和原理 二维码又称QR Code,QR全称Quick Response,是一个近几年来移动设备上超流行的一种编码方式,它比传统的Bar Code条形码能存更多的信息,也能表示更多的数据类型:比如:字符,数字,日文,中文等等。这两天学习了一下二维码图片生成的相关细节,觉得这个玩意就是一个密码算法,在此写一这篇文章 ,揭露一下。供好学的人一同学习之。 关于QR Code Specification,可参看这个PDF: http://raidenii.net/files/datasheets/misc/qr_code.pdf 基础知识 首先,我们先说一下二维码一共有40个尺寸。官方叫版本Version。Version 1是21 x 21的矩阵,Version 2是 25 x 25的矩阵,Version 3是29的尺寸,每增加一个version,就会增加4的尺寸,公式是:(V-1)*4 + 21(V是版本号) 最高Version 40,(40-1)*4+21 = 177,所以最高是177 x 177 的正方形。 下面我们看看一个二维码的样例: 定位图案 Position Detection Pattern是定位图案,用于标记二维码的矩形大小。这三个定位图案有白边叫Separators for Postion Detection Patterns

Java二维码工具类

牧云@^-^@ 提交于 2019-12-14 05:56:46
/** * @Description: 二维码工具类 */ public class Zxing { /** * @Param: content 二维码内容 * @Param path * @return: void * @Description: 生成二维码 */ public static BitMatrix orCode ( String content , String path ) { // 图片的宽度和高度 int width = 300 ; int height = 300 ; // 图片的格式 String format = "png" ; //其他参数,如字符集编码 Map < EncodeHintType , Object > hints = new HashMap < EncodeHintType , Object > ( ) ; // 定义字符集编码格式 hints . put ( EncodeHintType . CHARACTER_SET , "utf-8" ) ; // 纠错的等级 L > M > Q > H 纠错的能力越高可存储的越少,一般使用M hints . put ( EncodeHintType . ERROR_CORRECTION , ErrorCorrectionLevel . M ) ; // 设置图片边距 hints . put (