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

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

 33854  401  查看评论 (12)
分享到微信朋友圈
X
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表格 可选择导出各种格式

表格内容详情可选择导出各种格式(Excel(xls)、PDF、PNG)
  独立的部件
 52006  509

jQuery表格导出数据

将表格的数据导出到excel,csv,pdf或是直接打印
  独立的部件
 51336  566

jquery生成二维码

jquery生成二维码
  独立的部件
 54146  457

canvas实现的步骤流程插件

项目需要,找不到合适的,个人编写实现,可根据数据动态生成节点
  独立的部件
 32373  340

讨论这个项目(12)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    你若离去 巴掌 0
    2019/1/28 14:27:22
    下载怎么使用啊 求教程
    回复
    junxinbuzizhi 0
    2018/8/30 17:21:26
    文本乱码了,怎么办 回复
    junxinbuzizhi 0
    2018/8/30 17:19:18
    _____ 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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复