@qr-platform/qr-code.js
Version:
QRCode.js is a professional JavaScript/TypeScript library for creating customized QR codes, offering a blend of simplicity and sophistication. With versatile styling options—dot shapes, colors, gradients, embedded images, borders, and text—it enables you
122 lines (121 loc) • 3.71 kB
TypeScript
export { ErrorCorrectionLevel, Mode, TypeNumber } from '~/lib/qrcode/QRCodeMinimal.js';
export { QRCodeJs, type ExtensionFunction } from '../core/qr-code-js.js';
export { type RecursivePartial } from '../types/helper.js';
export { type CanvasOptions } from '../utils/canvas-options.js';
export { GradientType, type Gradient } from '../utils/gradient';
export { CornerDotType, CornerSquareType, DotType, ImageMode, ShapeType, type Options } from '../utils/options.js';
export { ErrorCorrectionPercents } from '../utils/qrcode.js';
export declare const codes: {
borderOptions: {
hasBorder: boolean;
radius: string;
thickness: number;
color: string;
decorations: {
top: {
disabled: boolean;
enableText: boolean;
offset: number;
curveAdjustment: number;
curveDisabled: boolean;
type: "text" | "image";
value: string;
style: {
fontFace: string;
fontSize: number;
fontColor: string;
letterSpacing: number;
fontWeight: string;
};
};
bottom: {
disabled: boolean;
enableText: boolean;
offset: number;
curveAdjustment: number;
curveDisabled: boolean;
type: "text" | "image";
value: string;
style: {
fontFace: string;
fontSize: number;
fontColor: string;
letterSpacing: number;
fontWeight: string;
};
};
left: {
disabled: boolean;
enableText: boolean;
offset: number;
curveAdjustment: number;
curveDisabled: boolean;
type: "text" | "image";
value: string;
style: {
fontFace: string;
fontSize: number;
fontColor: string;
letterSpacing: number;
fontWeight: string;
};
};
right: {
disabled: boolean;
enableText: boolean;
offset: number;
curveAdjustment: number;
curveDisabled: boolean;
type: "text" | "image";
value: string;
style: {
fontFace: string;
fontSize: number;
fontColor: string;
letterSpacing: number;
fontWeight: string;
};
};
};
borderOuter: {
color: string;
thickness: number;
};
borderInner: {
color: string;
thickness: number;
};
};
name: string;
description: string;
data: string;
image: string;
scale: number;
margin: number;
isResopnsive: boolean;
verticalOffset: number;
shape: string;
qrOptions: {};
dotsOptions: {
type: string;
color: string;
};
cornersSquareOptions: {
type: string;
color: string;
};
cornersDotOptions: {
type: string;
color: string;
};
backgroundOptions: {
color: string;
gradient: {
type: string;
colorStops: {
offset: number;
color: string;
}[];
};
};
}[];