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

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

 4072  54  查看评论 (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

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

iOS7样式开关

Switchery 是一个简单的组件,可帮助您将您的默认 HTML 复选框输入变成美丽的 iOS 7 样式开关只是几个简单的步骤。
  独立的部件
 19461  68

jQuery实现社会化分享插件

社会化分享插件简单高效酷炫顺畅的交互体验目前可以分享的平台有:腾讯微博新浪微博QQ空间豆瓣微信二维码分享
  独立的部件
 38557  172

jQuery二维码生成插件qrcode.js

应用小工具二维码生成
  独立的部件
 3379  93

jQueryShare分享插件支持微信分享

jQueryShare实现弹出层分享插件修改版,支持微信分享
  独立的部件
 1171  30

讨论这个项目(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
取消回复