其他代码

ArtQRCode - 创意艺术二维码生成JS插件

阿里云


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

使用方法

在 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://htmleaf.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. });

Github 网址:https://github.com/252860883/ArtQRCode

ArtQRCode - 创意艺术二维码生成 JS 插件

已有 514 人购买
  • rtr4
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!