在web页面上快速生成二维码的三种实用方法
2016-06-23 10:35
351 查看
转载自:在web页面上快速生成二维码的三种实用方法
二维码是桌面和移动端快速分享的高效手段之一,这里介绍两个不错的快速开发二维码的方法,和大家分享一下~~
这种方式简单快速,在服务端生成一个二维码的图片,兼容性比较好,你无需自己处理任何相关二维码的生成,只需要提供一端文字或者url即可,可以控制二维码图片大小,方法如下:
http://www.gbtags.com/gb/qrcode?t=http://www.gbtags.com&s=300
参数分别为文字和图片尺寸,大家扫一扫就可以访问极客标签主站了~~
这种方式简单快速,在服务端生成一个二维码的图片,兼容性比较好,你无需自己处理任何相关二维码的生成,只需要提供一端文字或者url即可,方法如下:
<img src="http://qrcoder.sinaapp.com?t=http://www.gbtags.com">
大家扫一扫就可以访问极客标签主站了~~
QRcode是一个jQuery插件,可以使用javascript快速帮助你生成相关的二维码
相关代码如下:
var qrcode = new QRCode("qrcode", {
text: "http://www.gbtags.com",
width: 260,
height: 260,
colorDark: '#efb73e',
colorLight: "#ffffff"
});
生成效果如下:
如果对这个插件有兴趣,推荐阅读这节课程: QRcode的使用
以上是两种比较实用的生成二维码的方法, 懒人推荐使用第一种, 简单快速, 如果需要深度自定义的话,推荐自己使用JS来实现相关的二维码,具体看大家需求, 极客标签的代码分享使用的是第一种,大家可以参考一下,如下:
相关地址:http://www.gbtags.com/gb/rtreplayerpreview/828.htm
二维码是桌面和移动端快速分享的高效手段之一,这里介绍两个不错的快速开发二维码的方法,和大家分享一下~~
方法1:使用极客标签提供的二维码快速生成服务
这种方式简单快速,在服务端生成一个二维码的图片,兼容性比较好,你无需自己处理任何相关二维码的生成,只需要提供一端文字或者url即可,可以控制二维码图片大小,方法如下:http://www.gbtags.com/gb/qrcode?t=http://www.gbtags.com&s=300
参数分别为文字和图片尺寸,大家扫一扫就可以访问极客标签主站了~~
方法2:使用新浪提供的服务
这种方式简单快速,在服务端生成一个二维码的图片,兼容性比较好,你无需自己处理任何相关二维码的生成,只需要提供一端文字或者url即可,方法如下:<img src="http://qrcoder.sinaapp.com?t=http://www.gbtags.com">
大家扫一扫就可以访问极客标签主站了~~
方法3: 使用jQuery插件qrcode
QRcode是一个jQuery插件,可以使用javascript快速帮助你生成相关的二维码相关代码如下:
var qrcode = new QRCode("qrcode", {
text: "http://www.gbtags.com",
width: 260,
height: 260,
colorDark: '#efb73e',
colorLight: "#ffffff"
});
生成效果如下:
如果对这个插件有兴趣,推荐阅读这节课程: QRcode的使用
以上是两种比较实用的生成二维码的方法, 懒人推荐使用第一种, 简单快速, 如果需要深度自定义的话,推荐自己使用JS来实现相关的二维码,具体看大家需求, 极客标签的代码分享使用的是第一种,大家可以参考一下,如下:
相关地址:http://www.gbtags.com/gb/rtreplayerpreview/828.htm
相关文章推荐
- java-WEB中的监听器Lisener
- GUI - Web前端开发框架
- Extjs4.0 最新最全视频教程
- 在 Linux 中如何移动文件
- MyEclipse Web Project转Eclipse Dynamic Web Project
- axis备忘
- 马化腾亲自“站台” 企业微信和个人微信互通能带来什么?
- 创业如何选择WEB开发语言
- 按右键另存图片只能存BMP
- photoshop去除图片上的水印
- Erlang实现的一个Web服务器代码实例
- 防止网页脚本病毒执行的方法-from web
- 自学成才的秘密:115个 web Develop 资源
- upload上传单张图片
- PowerShell移动目录中指定文件的方法(非全部文件)
- 图片引发的溢出危机(图)
- 鼠标触发移动的分层菜单 层菜单moveMenu
- C# WinForm控件对透明图片重叠时出现图片不透明的简单解决方法
- 使用批处理修改web打印设置笔记 适用于IE
- Apache Web让JSP“动”起来