这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
二维码分享功能大多是由后端实现的, 对服务器的负载较重, 这里有一个前端实现的版本,本文介绍了 JavaScript 实现的微信二维码图片生成器的示例,有需要的可以了解一下。
jquery.qrcode.js 是一个能够在客户端生成矩阵二维码 QRCode 的 jquery 插件 ,使用它可以很方便的在页面上生成二维条码。
QRCode.js
QRCode.js 是 javascript 实现二维码 (QRCode) 制作生成库。 QRCode.js 有着良好的跨浏览器兼容性(高版本使用 html5 的 Canvas,低版本 IE 使用 table 元素绘制),而且 QRCode.js 没有任何依赖。只需要引用一个 JS。
此插件是能够独立使用的,体积也比较小,使用 gzip 压缩后才不到 4kb。因为它是直接在客户端生成的条码,所以不会有图片下载的过程,能够实现快速生成。它是基于一个多语言的类库封装的,也不依赖于其他额外的服务。
注 * 它也支持使用 SVG 绘制二维码
基本使用
注 * 首先需要添加对 qrcode.js 的引用,并创建一个空 DIV
- <div id="qrcode">
- </div>
- <script type="text/javascript">
- new QRCode(document.getElementById("qrcode"), "http://jindo.dev.naver.com/collie");
- </script>
还有更多参数可以选
- var qrcode = new QRCode("test", {
- text: "http://jindo.dev.naver.com/collie",
- width: 128,
- height: 128,
- colorDark : "#000000",
- colorLight : "#ffffff",
- correctLevel : QRCode.CorrectLevel.H
- });
你可以动态地改变二维码图片,速度很快
- qrcode.clear();
- qrcode.makeCode("http://naver.com");
浏览器支持
几乎支持所有浏览器: IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile.
DEMO 地址: http://davidshimjs.github.io/qrcodejs
注 * 这里有一个 Server 端使用 Node.JS 生成二维码图片的库,有兴趣的同学也可以研究一下: https://github.com/soldair/node-qrcode
来源: http://www.phperz.com/article/17/0604/330896.html