热门关键字:
jquery > jquery教程 > jquery教程 > js艺术二维码生成插件

js艺术二维码生成插件

520
作者:管理员
发布时间:2020/2/26 17:13:38
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=902

  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
友荐云推荐