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

转载自:在web页面上快速生成二维码的三种实用方法

二维码是桌面和移动端快速分享的高效手段之一,这里介绍两个不错的快速开发二维码的方法,和大家分享一下~~

方法1:使用极客标签提供的二维码快速生成服务

这种方式简单快速,在服务端生成一个二维码的图片,兼容性比较好,你无需自己处理任何相关二维码的生成,只需要提供一端文字或者url即可,可以控制二维码图片大小,方法如下:

 
  
  1. http://www.gbtags.com/gb/qrcode?t=http://www.gbtags.com&s=300

参数分别为文字和图片尺寸,大家扫一扫就可以访问极客标签主站了~~

方法2:使用新浪提供的服务

这种方式简单快速,在服务端生成一个二维码的图片,兼容性比较好,你无需自己处理任何相关二维码的生成,只需要提供一端文字或者url即可,方法如下:

 
  
  1. src="http://qrcoder.sinaapp.com?t=http://www.gbtags.com">

大家扫一扫就可以访问极客标签主站了~~

方法3: 使用jQuery插件qrcode

QRcode是一个jQuery插件,可以使用javascript快速帮助你生成相关的二维码

 相关代码如下:

 
  
  1. var qrcode = new QRCode("qrcode", {
  2. text: "http://www.gbtags.com",
  3. width: 260,
  4. height: 260,
  5. colorDark: '#efb73e',
  6. colorLight: "#ffffff"
  7. });

生成效果如下:

如果对这个插件有兴趣,推荐阅读这节课程: QRcode的使用

以上是两种比较实用的生成二维码的方法, 懒人推荐使用第一种, 简单快速, 如果需要深度自定义的话,推荐自己使用JS来实现相关的二维码,具体看大家需求, 极客标签的代码分享使用的是第一种,大家可以参考一下,如下:

相关地址:http://www.gbtags.com/gb/rtreplayerpreview/828.htm


你可能感兴趣的:(二维码,web,图片,移动,Web前端)