gera2ld / Qrcanvas
Licence: mit
Generate characteristic qrcodes with a canvas.
Stars: ✭ 233
Programming Languages
typescript
32286 projects
QRCanvas
This is a QRCode generator written in pure javascript.
Based on Kazuhiko Arase's QRCode.
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:
$ yarn add qrcanvas
# or
$ npm install qrcanvas -S
Use as a module:
import { qrcanvas } from 'qrcanvas';
const canvas = qrcanvas({
data: 'hello, world'
});
document.body.appendChild(canvas);
Browser
Load from CDN:
<div id="qrcode"></div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
The module is mounted to a global variable named qrcanvas
:
const canvas = qrcanvas.qrcanvas({
data: 'hello, world'
});
document.getElementById('qrcode').appendChild(canvas);
Node.js
node-canvas is required in Node.js.
Install dependencies:
$ yarn add qrcanvas canvas
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
Related
Snapshots
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].