# QRCanvas
This is a QRCode generator written in pure javascript.
Based on [Kazuhiko Arase's QRCode](http://www.d-project.com/).
The only requirement is that the browser works with a `canvas`,
which is supported by most modern browsers.
## Usage
### With bundlers
Install as a dependency:
```sh
$ yarn add qrcanvas
# or
$ npm install qrcanvas -S
```
Use as a module:
``` js
import { qrcanvas } from 'qrcanvas';
const canvas = qrcanvas({
data: 'hello, world'
});
document.body.appendChild(canvas);
```
### Browser
Load from CDN:
``` html
```
The module is mounted to a global variable named `qrcanvas`:
``` js
const canvas = qrcanvas.qrcanvas({
data: 'hello, world'
});
document.getElementById('qrcode').appendChild(canvas);
```
### Node.js
[node-canvas](https://github.com/Automattic/node-canvas) is required in Node.js.
Install dependencies:
```sh
$ yarn add qrcanvas canvas
```
``` js
const fs = require('fs');
const { qrcanvas, setCanvasModule } = require('qrcanvas');
// Enable node-canvas
setCanvasModule(require('canvas'));
const canvas = qrcanvas({
data: 'hello, world'
});
// canvas is an instance of `node-canvas`
canvas.pngStream().pipe(fs.createWriteStream('qrcode.png'));
```
## Documents
- [Docs](https://github.com/gera2ld/qrcanvas/wiki)
- [Demo](https://gera2ld.github.io/qrcanvas/)
- [Examples](https://gera2ld.github.io/qrcanvas/examples/)
## Related
- [qrcanvas-vue](https://github.com/gera2ld/qrcanvas-vue)
- [qrcanvas-react](https://github.com/gera2ld/qrcanvas-react)
## Snapshots
