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

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

 5237  61  查看评论 (8)
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

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

jQuery自定义鼠标右键菜单

jQuery自定义鼠标右键菜单插件jquery.contextMenu.js
  独立的部件
 2481  41

jquery.barrager.js专业的网页弹幕插件

一款专业的网页弹幕插件。支持显示图片文字以及超链接,支持自定义弹幕的速度、高度、颜色、数量等
  独立的部件
 18549  207

jQuery自动定位当地天气预报

jQuery调用新浪天气,显示城市天气气温风向风级图标白天夜间
  独立的部件
 6977  120

ZeroClipboard实现网站内容复制粘贴JS特效

ZeroClipboard实现网站内容复制粘贴JS特效
  独立的部件
 9263  55

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

    开心就好 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
取消回复