转载

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

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

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

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

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

生成效果如下:

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

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

方法2: 使用jQuery插件qrcode

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

相关代码如下:

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

生成效果如下:

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

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

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

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

原文: http://www.gbtags.com/gb/share/5293.htm

2 Total Views 2 Views Today

Related Posts

  • 九个让人难以置信的HTML5和JavaScript实验

    Google的 Chrome实验室 收 集了很多让人难以置信的基于 HTML5 Canvas 和 JavaScript 的实验项目,里面的例子都很独特,让人惊叹。我从未想过结合 HTML 和 JavaScript 能实现这么强大的效果。今天…

  • 移动前端工作的那些事---前端制作篇之框架篇

    为了更好的提升用户体验,移动端逐渐出了许多的移动端的框架,比如Sencha Touch、JQTouch、Jquery-moblie、jqMobi等等。这些框架都有优缺点,不同的框架应用在不同的项目中。现简单阐述一下各框架的优缺点: 一、Se…

  • 推荐10款非常优秀的 HTML5 开发工具

    HTML5 发展如火如荼,随着各大浏览器对 HTML5 技术支持的不断完善以及 HTML5 技术的不断成熟,未来 HTML5 必将改变我们创建 Web 应用程序的方式。今天这篇文章向大家推荐10款优秀的HTML5开发工具,帮助你更高效的编写…

正文到此结束
Loading...