使用 JavaScript 生成二维码

QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。

支持该库的浏览器有：IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile, 等。

示例代码：

首先引入QRCode.js，当然也别忘了引入JQuery.js

<script type="text/javascript" src="//cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="//static.runoob.com/assets/qrcode/qrcode.min.js"></script>

核心代码：

var codeImg = new QRCode(document.getElementById("codeImg"), {
    width : 300,
    height : 300
});
codeImg.makeCode("AMD yes!");

当然你也可以添加一些可选参数：

var qrcode = new QRCode("codeImg", {
    text: "Goog good study,Day day up!",
    width: 200,
    height: 200,
    colorDark : "#000000",
    colorLight : "#ffffff",
    correctLevel : QRCode.CorrectLevel.H
});

感兴趣的小伙伴可以去官方文档阅读详细API：http://demos.shieldui.com/web/qrcode/api

使用 JavaScript 生成二维码

推荐阅读