ArtQRCode 是基于 qrcode.js 的封装,支持以图片元素为基本单元的二维码绘制插件。
使用方法
在HTML文件中引入。
<script type="text/javascript" src="path/to/artqrcode.js"></script>
HTML结构
在页面上添加一个<div>容器。
<div id="qrcode"></div>
初始化插件
let qrcode = new QRCode(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"], } });
ArtQRCode.js插件的github网址为:https://github.com/252860883/ArtQRCode
版权声明
版权说明: 仅限用于学习和研究目的;不得将上述内容用于商业和非法用途!否则一切后果自负。我们非常重视版权问题,如有侵权请邮件至(171373236#qq.com)与我们联系处理,敬请谅解!