如何用web api在网页中嵌入二维码?
2014-06-08 19:31
225 查看
如何用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
相关文章推荐
- 如何用web api在网页中嵌入二维码?
- 如何在网页中嵌入流媒体文件
- 如何在网页中嵌入Media player 播放流媒体文件
- 看看如何-将google地图嵌入到网页中!
- Google Map API使用详解(十二)——如何在自己的网页中嵌入地图
- Google Map API使用详解(如何在自己的网页中嵌入地图)
- 如何将音乐文件(如mp3,rm)嵌入到网页中
- 教大家如何在网页中嵌入天气预报
- flex 3如何通过iframe嵌入html网页
- 如何让用户在用webview访问网页时嵌入我们自己的内容
- 如何防止网页被嵌入框架代码?
- 如何实现页面上的超链接指向这个嵌入的网页?/ IFRAME标签的使用。
- 如何实现在网页里嵌入wrl文件
- 如何:在网页中嵌入Silverlight视频
- 如何在网页HTML中嵌入QQ、MSN、旺旺、Gtalk快速对话框代码
- 如何使自己的网页不会被别人盗用(避免别人讲自己的网页嵌入到frame中)
- 如何在网页中嵌入播放器
- 如何在网页中嵌入Media player 播放流媒体
- 如何用在自己的网页中嵌入腾讯视频网页播放器播放一些文件
- 如何在网页中嵌入WMV格式或RM视频文件