jQuery图案的二维码插件qart.js

所属分类:其他,媒体-独立的部件,图像

 6924  75  查看评论 (9)
jQuery图案的二维码插件qart.js ie兼容10

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,
    imagePath: './example.png',
    filter: filter
});
qart.make(document.getElementById('qart'));

另外,该插件还可以和React,Angular.JS和Vue 2.x结合使用。

配置参数

参数类型描述
valueString二维码指向的网址
imagePathString图片的路径
filterString指定图片的过滤效果,threshold 或 color

相关插件-独立的部件,图像

mui搜索列表添加热门等模块

利用mui搜索列表的源代码,加入我们需求的热门等模块
  独立的部件
 2081  14

操作浏览器标题栏插件Title.js

Title.js是一个javascript库用来操作浏览器标题栏,没有依赖性。 这里有用法示例:添加前缀,加后缀,改变预定义的标题,招牌效果、打字机效果。
  独立的部件
 17861  56

jquery生成二维码

jquery生成二维码
  独立的部件
 17878  152

js上下文菜单插件basicContext.js

basicContext.js 强大的纯Js上下文菜单插件
  独立的部件
 4236  47

讨论这个项目(9)回答他人问题或分享插件使用方法奖励jQ币

    _____ 0
    2017/10/27 17:32:12
    在safari上无法正常显示,哪位知道是什么问题 回复
    开心就好 0
    2017/9/12 13:02:46

    这个工具怎么使用的

    回复
    羽景 0
    2017/8/22 15:48:02

    怎么改验证码大小

    回复
    寻梦者 0
    2017/3/7 0:52:07
    副歌唱不上去 0
    2017/2/25 13:59:47
    模板呀大哥
        ┵疯子0
        2017/4/5 18:23:40

        可以点击下载么

    回复
    SiriBen 0
    2017/2/22 14:54:24

    图片如果亮系的,就显示不出来效果, 黑白的显得看不清

        ┵疯子0
        2017/4/5 18:24:11
        这个可以根据自己的需求,来改么
    回复
    黄某 0
    2017/2/19 0:16:18
取消回复