博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS艺术二维码生成插件
阅读量:4116 次
发布时间:2019-05-25

本文共 892 字,大约阅读时间需要 2 分钟。

640?wx_fmt=jpeg
昨天,我跟大家分享了一个关于二维码生成的插件《
以下是Demo的效果截图,可以感受一下。
640?wx_fmt=png
它的github地址:  https://github.com/252860883/ArtQRCode
以下是它的使用方法:
在HTML文件中引入js文件
 HTML结构
在页面上添加一个<div>容器。
 初始化插件
let qrcode = new QRCode(document.getElementById("qrcode"), {	    text: "https://webqdkf.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"],	    }	});

640?wx_fmt=jpeg
640?wx_fmt=png

转载地址:http://cffpi.baihongyu.com/

你可能感兴趣的文章
pow(x,n) 为什么错这么多次
查看>>
Jump Game 动态规划
查看>>
Binary Tree Maximum Path Sum 自底向上求解(重重重重)
查看>>
Subsets 深搜
查看>>
Subsets II
查看>>
Edit Distance 字符串距离(重重)
查看>>
Gray Code 格雷码
查看>>
对话周鸿袆:从程序员创业谈起
查看>>
web.py 0.3 新手指南 - 如何用Gmail发送邮件
查看>>
web.py 0.3 新手指南 - RESTful doctesting using app.request
查看>>
web.py 0.3 新手指南 - 使用db.query进行高级数据库查询
查看>>
web.py 0.3 新手指南 - 多数据库使用
查看>>
一步步开发 Spring MVC 应用
查看>>
python: extend (扩展) 与 append (追加) 的差别
查看>>
「译」在 python 中,如果 x 是 list,为什么 x += "ha" 可以运行,而 x = x + "ha" 却抛出异常呢?...
查看>>
浅谈JavaScript的语言特性
查看>>
LeetCode第39题思悟——组合总和(combination-sum)
查看>>
LeetCode第43题思悟——字符串相乘(multiply-strings)
查看>>
LeetCode第44题思悟——通配符匹配(wildcard-matching)
查看>>
LeetCode第45题思悟——跳跃游戏(jump-game-ii)
查看>>