0.1.0 โข Published 2 years ago
fancy-qrcode v0.1.0
Fancy QRCode
This repo is derive from ciaochaos/qrbtf. It extended more styles, and change the API of Options.
Preview
Below all QRCodes generate by Fancy QRCode
.
Features
- ๐ผ๏ธ SVG Based QRCode Generator
- โจ Zero Dependencies
- ๐ Built-in render poker card symbol in QRCode eyeball
- โ Built-in render emoji symbol in QRCode eyeball
- ๐จ Custom Render QRCode Style Friendly
- ๐คน Custom Render QRCode
Eyeframe
&Eyeball
style - ๐ต Custom Render your icon in the center of QRCode
Install
pnpm install fancy-qrcode -S
or
yarn add fancy-qrcode -S
Usage
Render Base
renderBase
function also called createQRCode
import { renderBase } from 'fancy-qrcode'
const QRCode = renderBase()
// or
const QRCode = createQRCode()
Typed
interface BaseRendererOptions {
eyeframeType?: EyeframeType | string;
eyeballType?: EyeballType | string;
eyeColor?: string;
type: BodyType$3 | string;
bodyColor?: string;
emojiSymbol?: string;
}
declare const createQRCode: (props?: DeepPartial<RendererOptions<BaseQROptions>> | undefined) => string;
Render Circle
import { renderCircle } from 'fancy-qrcode'
const QRCode = renderCircle()
Render DSJ
import { renderDsj } from 'fancy-qrcode'
const QRCode = renderDsj()
Render Func
import { renderFunc } from 'fancy-qrcode'
const QRCode = renderFunc()
Render ImageFill
import { renderImageFill } from 'fancy-qrcode'
const QRCode = renderImageFill()
Render Image
import { renderImage } from 'fancy-qrcode'
const QRCode = renderImage()
RenderrLine
import { renderLine } from 'fancy-qrcode'
const QRCode = renderLine()
RenderrRandRect
import { renderRandRect } from 'fancy-qrcode'
const QRCode = renderRandRect()
RenderrResImage
import { renderResImage } from 'fancy-qrcode'
const QRCode = renderResImage()
RenderrSolid
import { renderSolid } from 'fancy-qrcode'
const QRCode = renderSolid()
License
MIT @xiaoluoboding
0.1.0
2 years ago