// 引入jq qrcode
<script type="text/javascript" src="/static/js/jquery.qrcode.min.js"></script>
想显示二维码的地方
<div id="code"></div>
// 需要打印时,放出来
// <img id="image" src="" />
JS
$(document).ready(function(){
var number = $("#number").val();
$("#code").qrcode({
render: "canvas", //table方式
width: 235, //宽度
height:235, //高度
text: number //任意内容
});
})
// 如果要打印(canvas 是动态生成不能直接打印,所以要赋值给img标签)
var img = document.getElementById(“image”); // get image element
var canvas = document.getElementsByTagName(“canvas”)[0]; // get canvas element
var div = document.getElementById(“code”);
div.style.display = ‘none’;
img.src = canvas.toDataURL();