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

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

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

1. 范例一

<img src="http://qrickit.com/api/qr?d=http://www.taobao.com" alt="">

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

该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