qart.js 介绍
qart.js是一款基于html5 canvas的可 生成 带指定图案的js 二维码 插件 。普通的 二维码 是以黑白点为底色,而通过该js 插件 ,你可以指定任意 图片 为 二维码 的背景图案,还可以制作 彩色 的 二维码 。?
安装
可以通过npm来安装qart.js 插件 。
npm install qartjs
?使用 方法
在 页面 中引入qart.min.js 文件 。
<script src="js/qart.min.js"></script>
?在浏览器中使用
<script src=" dis t/qart.min.js"></script>
<script>
new QArt({
value: value,
imagePath: './example.png',
filter: filter
}).make(document.getElementById('qart'));
</script>
?ES6
import QArt from 'qartjs';
const qart = new QArt({
value: value,
filter: filter
});
qart.make(document.getElementById('qart'));
另外,该 插件 还可以和react,Angular.JS和vue 2.x结合使用。
配置参数
参数
类型
描述
value
String
二维码 指向的网址
imagePath
String
图片 的路径
filter
String
指定 图片 的过滤 效果 ,threshold 或 color
?
网站地址 : https://kciter.github.io/qart.js/
GitHub: https://github.com/kciter/qart.js
网站描述: js 生成 艺术 二维码
qart.js官方网站
官方网站: https://kciter.github.io/qart.js/
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。