Merges Pictures and QR Codes for Artistic QR Codes.
https://kciter.github.io/qart.js/
$ npm install qartjs
or clone this repository and copy qart.min.js to your project.
<script src="//cdnjs.cloudflare.com/ajax/libs/qartjs/1.0.2/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>import QArt from 'qartjs';
const qart = new QArt({
value: value,
imagePath: './example.png',
filter: filter
});
qart.make(document.getElementById('qart'));This is a simple implementation of QArt as React Component. react-qart
There is a directive available for using qart.js in Angular.js: angular-qart
There is a directive available for using qart.js in Vue.js 2.x : vue-qart
| Field | Type | Description | Default |
|---|---|---|---|
| value | String | The data of the QR code. | Required |
| imagePath | String | The path of the combined image. | Required |
| filter | String | Define an image filter. threshold or color |
threshold |
- Resize feature.
- Server-Side Rendering.
- CLI Command.