tc-qrcode

| | | | Gitee | JSBox Demo

1.

1. api
2. Promise api async/await
3. typescript
4. base64urlimage
5. videocanvas
6. typefileinput
7. base64 and image

aralejs/qrcode cozmo/jsQR

2.

2.1 npm

npm i tc-qrcode

import qrcode from 'tc-qrcode';

qrcode.decodeFromUrl('https://cdn.jsdelivr.net/gh/theajack/qrcode/helper/demo-qrcode.png')
    .then(result=>{
        console.log(result);
    })

2.2 cdn

<script src="https://cdn.jsdelivr.net/npm/tc-qrcode/tc-qrcode.min.js"></script>
<script>
    TCQrcode.decodeFromUrl('https://cdn.jsdelivr.net/gh/theajack/qrcode/helper/demo-qrcode.png')
        .then(function (result) {
            console.log(result);
        })
</script>

3 api

index.d.ts

:

api IEncodeOption . Promise

interface IEncodeOption {
    text: string;
    width?: number; //  256
    height?: number; //  256
    typeNumber?: number; //  4
    colorDark?: string; //  '#000000'
    colorLight?: string; //  '#ffffff'
    correctLevel?: 1 | 0 | 3 | 2; //  2
}

3.1 decodeFromUrl

urlblob url

function decodeFromUrl(url: string): Promise<string>;

import {decodeFromUrl} from 'tc-qrcode';
decodeFromUrl('xxx').then(result=>{});

3.2 decodeFromFile

file

function decodeFromFile(file: File): Promise<string>;

import {decodeFromFile} from 'tc-qrcode';
decodeFromFile(file).then(result=>{});

3.3 decodeFromBase64

base64

function decodeFromBase64(base64Str: string): Promise<string>;

import {decodeFromBase64} from 'tc-qrcode';
decodeFromBase64(base64).then(result=>{});

3.4 decodeFromImage

image

function decodeFromImage(image: HTMLImageElement): Promise<string>;

import {decodeFromImage} from 'tc-qrcode';
decodeFromImage(image).then(result=>{});

3.5 decodeFromVideo

video

function decodeFromVideo(video: HTMLVideoElement): Promise<string>;

import {decodeFromVideo} from 'tc-qrcode';
decodeFromVideo(video).then(result=>{});

3.6 decodeFromCanvas

canvas

function decodeFromCanvas(canvas: HTMLCanvasElement): Promise<string>;

import {decodeFromCanvas} from 'tc-qrcode';
decodeFromCanvas(canvas).then(result=>{});

3.7 decodeBindInput

typefileinput

string

function decodeBindInput(input: HTMLInputElement, onResult: (result: string) => void): void;

import {decodeBindInput} from 'tc-qrcode';
decodeBindInput(input, (result)=>{

});

3.8 encodeAsBase64

base64

function encodeAsBase64(content: string | IEncodeOption): string;

import {encodeAsBase64} from 'tc-qrcode';
const base64 = encodeAsBase64('xxxx');

// 
const base64 = encodeAsBase64({
    text: 'xxx',
    width: 256, //  256
    height: 256, //  256
    typeNumber: 4, //  4
    colorDark: '#000000', //  '#000000'
    colorLight: '#ffffff', //  '#ffffff'
    correctLevel: 2, //  2
});

3.9 encodeAsImage

base64image

function encodeAsImage(content: string | IEncodeOption): HTMLImageElement;

import {encodeAsImage} from 'tc-qrcode';
const image = encodeAsImage('xxxx'); // 3.8

3.10 version

import qrcode from 'tc-qrcode';

qrcode.version;

3.11 Encoder

aralejs/qrcode

import qrcode from 'tc-qrcode';

qrcode.Encoder;

3.12 Dncoder

cozmo/jsQR

import qrcode from 'tc-qrcode';

qrcode.Decoder;