特效描述：艺术二维码 生成器。基于canvas生成艺术二维码，默认只需设置URL链接，自动生成二维码效果。支持3种创意的艺术二维码。
代码结构
1. 引入CSS
<link rel="stylesheet" type="text/css" href="css/normalize.css" /> <link rel="stylesheet" type="text/css" href="css/demo.css">
2. 引入JS
<script src="js/artqrcode.js"></script>
3. HTML代码
<div style="width: 500px; height: 500px; margin: 20px auto;">
<div id="qrcode"></div>
</div>
<script>
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: "http://www.17sucai.com",
/**
* width,height 是输出图的宽高
* codeWidth,codeHeight 是二维码的宽高
* top,left 是二维码区域的定位
*/
width: 500,
height: 500,
codeWidth: 320,
codeHeight: 320,
top: 85,
left: 80,
/**
* 素材配置
*/
materials: {
border: "./materials/electron/border.png",
eye: "./materials/electron/eye.png",
row4: "./materials/electron/row4.png",
col4: "./materials/electron/col3.png",
row2col3: "./materials/electron/row2col3.png",
row3col2: "./materials/electron/row3col2.png",
col3: ["./materials/electron/col3.png", "./materials/electron/col3_2.png"],
row2col2: "./materials/electron/row2col2.png",
corner: "./materials/electron/corner.png",
row2: ["./materials/electron/row2.png", "./materials/electron/row2_2.png"],
col2: "./materials/electron/col2.png",
single: ["./materials/electron/single.png", "./materials/electron/single_2.png"],
}
});
</script>
