ArtQRCode是基于qrcode.js的封装,支持以图片元素为基本单元的二维码绘制插件。
使用方法
在HTML文件中引入。
<scripttype="text/javascript"src="path/to/artqrcode.js"></script>
HTML结构
在页面上添加一个<div>容器。
<divid="qrcode"></div>
初始化插件
letqrcode=newQRCode(document.getElementById("qrcode"),{
text:"https://htmleaf.com/",
width:500,
height:500,
materials:{
border:"./materials/border.png",
eye:"./materials/eye.png",
row4:"./materials/row4.png",
col4:"./materials/col3.png",
row2col3:"./materials/row2col3.png",
row3col2:"./materials/row3col2.png",
col3:["./materials/col3.png","./materials/col3_2.png"],
row2col2:"./materials/row2col2.png",
corner:"./materials/corner.png",
row2:["./materials/row2.png","./materials/row2_2.png"],
col2:"./materials/col2.png",
single:["./materials/single.png","./materials/single_2.png"],
}
});
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jQuery