qart.js

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="../dist/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/

小编说

以上是编程之家为你收集整理的qart.js全部内容。

如果觉得编程之家网站内容还不错，欢迎将编程之家推荐给好友。