如何用web api在网页中嵌入二维码?

如何用web api在网页中嵌入二维码?

随着智能手机和平板电脑的日益普及,二维码逐渐成了链接智能终端和传统网站的桥梁。在下文中,笔者将介绍几个实时生成二维码的web api,希望能够简化web design过程中的二维码集成工作。

1. 范例一

<img src="//pic.ikafan.com/imgp/L3Byb3h5L2h0dHAvcXJpY2tpdC5jb20vYXBpL3FyP2Q9aHR0cDovL3d3dy50YW9iYW8uY29t.jpg" >

上述代码产生如下的二维码图片:

该web api还支持下面的这些特性,

  • 说明文字;例如addtext=Hello World
  • 文字颜色;例如txtcolor=442EFF
  • 二维码颜色;例如fgdcolor=76103C
  • 背景色;例如bgdcolor=C0F912
  • 二维码尺寸;例如qrsize=300
  • 图片格式;例如t=p,指输出PNG格式
  • 纠错能力;例如e=m,指15%纠错能力;

针对上述的例子作如下的设置,

<img src="http://qrickit.com/api/qr?d=http://www.taobao.com&addtext=Hello+World&txtcolor=442EFF&fgdcolor=76103C        
&bgdcolor=C0F912&qrsize=300&t=p&e=m">

形成的二维码效果如下,

2. 范例二

Google提供了一个二维码生成的api,通常需要提供二维码的尺寸和生成二维码的源信息,具体用法如下,

<img src="http://chart.apis.google.com/chart?cht=qr&chl=http://maileba.uz.taobao.com&chs=220x220" alt="Sample chart">

一个有趣的用途是用二维码来拨打电话,例如下面的信息识别出来之后,点击相应的信息,则会拨打相应的电话,这种方式对于那些不喜欢拨号码的用户应该很有用的。

http://chart.apis.google.com/chart?cht=qr&chs=200x200&chl=tel:19172073420

关于google api的更多用途请参考这个链接,        Google QR encoder API

3. 范例三

http://goqr.me/api/
       可能是qr code api支持最全面的api,即支持在线生成,也提供在线解析,不过笔者实验了一下,服务器反应很慢,不适合实际应用.用法如下,

<img src="https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=Example">

在二维码的实际应用中,我们往往希望在PC上也能够解析二维码的内容,当然如果你有摄像头,自然不是问题,不过即使没有摄像头,也可以用软件的方式解决,Chrome下有个插件就支持右键解析二维码的问题,详细使用请参考,chrome QR code extension

如何用web api在网页中嵌入二维码?,布布扣,bubuko.com

时间: 2024-10-08 17:46:11

如何用web api在网页中嵌入二维码?的相关文章

.net在网页中生成二维码和条形码

二维码: 1.下载ThoughtWorks.QRCode.dll文件 2.创建Web项目,添加引用刚才下载的文件 3.在项目中添加aspx窗体,编写代码如下 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SAOMADemo.aspx.cs" Inherits="_0729Test.SAOMADemo" %> <!DOCTYPE html&g

在.net core web项目中生成二维码

原文:在.net core web项目中生成二维码 1.添加QRCoder包引用 2. public IActionResult MakeQrCode()        { string url="https://www.baidu.com"; var generator = new QRCodeGenerator(); var codeData = generator.CreateQrCode(str,QRCodeGenerator.ECCLevel.M,true); var qrc

微信加关注链接 一键关注公众号 解决用手机看网页无法扫二维码的烦恼

现在很多网页都会设置wap手机版,移动端的流量逐渐显现.问题来了,如果你用手机浏览网页,你又很想微信加关注,上面正好有个二维码,苦于手机分身无术,又不想打一长串的微信号,还是舍弃吧.站长们可要在这方面提高用户体验了.那么有没专用的微信加关注链接一键关注公众号呢?幸好微信团队早就发明了微信文字链接,只是我们平时没有发现而已. 我们平时的文字链接或其他链接(A标签)一般都是<a href="http://开头的,这种链接在微信中也是通用的,具体可以查看微信添加文字链接一文.这里要说的是微信加关

实现手机扫描二维码页面登录,类似web微信-第二篇,关于二维码的自动生成

转自:http://www.cnblogs.com/fengyun99/p/3541251.html 接上一章,我们已经基本把业务逻辑分析清楚了 下面我们第一步,实现二维码的web动态生成. 页面的二维码包含的信息我在上一篇已经解释过,是一个页面的sessionID,这个sessionID主要是标示出哪个页面是哪个页面,例如你打开N个页面,必然每个页面的标示会不一样,只有你用手机扫描了某一个页面(page a)的二维码,将来响应操作的页面只能是page a. 实现二维码的类库非常多,如果你的平台

JAVA中生成二维码图片的方法

JAVA中生成二维码的方法并不复杂,使用google的zxing包就可以实现.下面的方法包含了生成二维码.在中间附加logo.添加文字功能. 一.下载zxing的架包,并导入项目中,如下: 最主要的包都在com.google.zxing.core下.如果是maven项目,maven依赖如下: 1 <dependency> 2 <groupId>com.google.zxing</groupId> 3 <artifactId>core</artifact

【转】 Android 基于google Zxing实现对手机中的二维码进行扫描--不错

原文网址:http://blog.csdn.net/xiaanming/article/details/14450809 转载请注明出处:http://blog.csdn.net/xiaanming/article/details/14450809 我之前写了一篇关于google Zxing扫描二维码的文章,效果是仿微信的效果,有兴趣的朋友可以去看看基于google Zxing实现二维码.条形码扫描,仿微信二维码扫描效果,有时候我们有这样子的需求,需要扫描手机中有二维码的的图片,所以今天实现的就

Android 基于google Zxing实现对手机中的二维码进行扫描

转载请注明出处:http://blog.csdn.net/xiaanming/article/details/14450809 有时候我们有这样子的需求,需要扫描手机中有二维码的的图片,所以今天实现的就是对手机中的二维码图片进行扫描,我这里是直接在原来的工程上面加的这个功能,下面就简单介绍下这个小功能的实现,首先我在界面上加了一个ImageButton,图片还是用的微信的图片,下面是扫描界面的title <?xml version="1.0" encoding="utf

word/excel/cad中插入二维码

1.有需求为在word文档中插入二维码,寻访度娘后,大部分人推荐使用QRmaker制作. 2.找寻QRmaker,网上很多都是1.1版本,后来才知道这个版本有问题(对中文支持不好),偶然得到1.3的版本,用起来很不错,完美中文. 下载链接: https://pan.baidu.com/s/1cEYBFK 密码: eubg 3.解压,点击控件注册,打开一个word文档,通过控件(度娘控件开启方式)插入QRmaker,再插入一个button,button执行代码如下: //转换UTF-8编码, Op

网页授权——扫二维码获取openid

最近做微信公众平台开发项目时遇到这样一个功能需求:生成一个特定url的二维码,用户扫描二维码后跳转到这个url指定的页面,并在这个页面获得用户的openid.这个功能主要涉及到两方面的技术:生成二维码,网页授权. 1. 生成二维码: 生成二维码比较简单的方法是直接使用phpqrcode程序包(可在网上下载得到). 若想获得ThinkPHP支持,需将程序包放在ThinkPHP/Extend/Vendor目录下,让后在程序中引用,代码如下: vendor("phpqrcode.phpqrcode&q