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

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

 2715  39  查看评论 (6)
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

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

JavaScript内容复制插件Clipboard.js

clipboard.js 实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+
  独立的部件
 2875  57

轻量级浏览器检测插件Feature.js

轻量级浏览器检测插件Feature.js,1kb大小的轻量级浏览器检测插件
  独立的部件
 6347  39

鼠标右键插件context.js

简单、好用 、轻量的右键菜单插件context.js
  独立的部件
 1759  18

兼用ie的右键菜单

jQuery简洁实用的右击菜单
  独立的部件
 3939  33

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

    寻梦者 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
取消回复