<!DOCTYPE html> |
<html lang= "zh-CN" > |
<head> |
<meta charset= "utf-8" /> |
<title>二维码生成页面展示</title> |
<script src= "http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js" ></script> |
<script src= "http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js" ></script> |
<script> |
$(document).ready( function (){ |
//$('#qrcodeCanvas').qrcode("http://www.x-jun.cn/"); |
//完整用法,有默认值的均可省略 |
$( '#qrcodeTable' ).qrcode({ |
text: "http://www.haowu.com" ,//二维码包含的内容,默认只支持英文内容,中文会乱码,通过utf16to8转码可支持中文 |
render: "canvas" , //渲染方式可选择canvas或table,默认是canvas,canvas方式还支持右键图片下载 |
width: 500, //宽度,默认是256 |
height: 500, //高度,默认是256,建议宽度和高度保持一致,否则不容易被识别 |
typeNumber: -1, //计算模式,默认是-1 |
//correctLevel: QRErrorCorrectLevel.H,//纠错等级,默认是QRErrorCorrectLevel.H,但是加上correctLevel这一行后无法渲染出二维码 |
background: "#ffffff" , //背景颜色,默认是白色 |
foreground: "#000000" //前景颜色,默认是黑色 |
}); |
}); |
</script> |
</head> |
<body> |
<div id= "qrcodeCanvas" ></div> |
<div id= "qrcodeTable" ></div> |
</body> |
</html> |