如何用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">

形成的二维码效果如下,

www.taobao.com&addtext=Hello+World&txtco

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章