js艺术二维码生成插件ArtQRCode

ArtQRCode 是基于 qrcode.js 的封装,支持以图片元素为基本单元的二维码绘制。使用方法在HTML文件中引入。

ArtQRCode 是基于 qrcode.js 的封装,支持以图片元素为基本单元的二维码绘制。

js艺术二维码生成插件ArtQRCode

使用方法

在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://www.zztuku.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"],
    }
});

下载地址

本站内容转自网络,若侵犯了你的权益,请联系我们,我们将在第一时间删除。

如若转载,请注明出处:http://www.ntuku.com/14317.html