浏览器编程生成QR码

在浏览器中实现生成QR码(二维码),一般要通过Canvas编程。

实现的效果类似这样:

这个示例使用的是qrcodejs

代码片段如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
..
<script type="text/javascript" src="jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="qrcode.js"></script>
</head>
<body>
<h2>内容:</h2>
<input id="content" /><button id="button">生成</button>
<hr />
<h2>二维码:</h2>
<div id="qrcode"></div>
<script type="text/javascript">
$('#button').on('click',function(){
var content=$("#content").val();
$("#qrcode").empty();
new QRCode($('#qrcode')[0], content);
});
..