hookcell Goto Github PK

repos: 51.0 gists: 0.0

Type: Organization

qart.js

Merges Pictures and QR Codes for Artistic QR Codes.

Glance At

https://kciter.github.io/qart.js/

Installation

NPM

$ npm install qartjs

or clone this repository and copy qart.min.js to your project.

CDN

<script src="//cdnjs.cloudflare.com/ajax/libs/qartjs/1.0.2/qart.min.js"></script>

Usage

In the browser

<script src="../dist/qart.min.js"></script>
<script>
  // directly appending canvas to the document
  new QArt({
    value: value,
    imagePath: './example.png',
    filter: filter,
    size: 195
	}).make(document.getElementById('qart'));

	// using callback
	new QArt({
      value: value,
      imagePath: './example.png',
      filter: filter,
      size: 195
  	}).make(function (canvas) {
  	  document.getElementById('qart').appendChild(canvas)
  	});
</script>

With ES6

import QArt from 'qartjs';
const qart = new QArt({
  value: value,
  imagePath: './example.png',
  filter: filter,
  size: 195
});

// directly appending canvas to the document
qart.make(document.getElementById('qart'))

// using callback
qart.make((canvas) => {
  document.getElementById('qart').appendChild(canvas);
});

With React

This is a simple implementation of QArt as React Component. react-qart

With Angular.JS

There is a directive available for using qart.js in Angular.js: angular-qart

With Vue 2.x

There is a directive available for using qart.js in Vue.js 2.x : vue-qart

Options

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
size	Integer	Define an image size in pixels.	195
version	Integer	QRCode version (1 <= version <= 40)	10
background	CSSColor	Implement background if exist	undefinded
fillType	scale_to_fit/fill	Place image type(fill or scale to fit)	scale_to_fit

Dependency

qrcode

Inspire

CuteR

TODO

Server-Side Rendering.
CLI Command.

Donate

If you like this open source, you can sponsor it. 😄

Paypal me

LICENSE

GPLv3

hookcell's Projects

add-aarch64-qemu

An ARM base image that includes the modified QEMU from https://github.com/resin-io/qemu/commits/qemu-execve

bhima

A hospital information management application for rural Congolese hospitals

Very efficient backup system based on the git packfile format, providing fast incremental saves and global deduplication (among and within files, including virtual machine images). Current release is 0.29.1, and the development branch is master. Please post problems or patches to the mailing list for discussion (see the end of the README below).