js艺术二维码生成插件ArtQRCode

 2824去下载

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


js艺术二维码生成插件ArtQRCode


使用方法

在HTML文件中引入。

  1. <script type="text/javascript" src="path/to/artqrcode.js"></script>

HTML结构

在页面上添加一个<div>容器。

  1. <div id="qrcode"></div>

初始化插件

  1. let qrcode = new QRCode(document.getElementById("qrcode"), {
  2.     text: "https://www.zztuku.com/",
  3.     width: 500,
  4.     height: 500,
  5.     materials: {
  6.         border: "./materials/border.png",
  7.         eye: "./materials/eye.png",
  8.         row4: "./materials/row4.png",
  9.         col4: "./materials/col3.png",
  10.         row2col3: "./materials/row2col3.png",
  11.         row3col2: "./materials/row3col2.png",
  12.         col3: ["./materials/col3.png", "./materials/col3_2.png"],
  13.         row2col2: "./materials/row2col2.png",
  14.         corner: "./materials/corner.png",
  15.         row2: ["./materials/row2.png", "./materials/row2_2.png"],
  16.         col2: "./materials/col2.png",
  17.         single: ["./materials/single.png", "./materials/single_2.png"],
  18.     }
  19. });


本文网址:https://www.zztuku.com/detail-12941.html
转载请声明来自:站长图库 - js艺术二维码生成插件ArtQRCode


使用声明:

1、本站所有素材,仅限学习交流,请勿用于商业用途。

2、本站资源大多无解压密码,如遇需要解压密码,无特殊说明,均为:zztuku.com

3、下载积分可通过日常 签到绑定邮箱 等途径免费获得!

4、本站提供的源码、模板、软件工具等其他资源,均不包含技术服务,请大家谅解!由于资源大多存储在云盘,如出现链接失效请评论反馈。

5、如果素材损害你的权益,请 联系我们 给予处理。

评论(0)条

您还没有登录,请 登录 后发表评论!

提示:请勿发布广告垃圾评论,否则封号处理!!

    猜你喜欢