@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
498 lines (497 loc) • 13.7 kB
TypeScript
export declare const codes: ({
borderOptions: {
inner: {
radius: string;
scale: number;
horizontalOffset: number;
verticalOffset: number;
};
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: {};
imageOptions: {
imageSize: number;
margin: number;
roundedValue: number;
};
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;
}[];
};
};
} | {
borderOptions: {
inner: {
radius: string;
horizontalOffset: number;
verticalOffset: number;
scale?: undefined;
};
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: {};
imageOptions: {
imageSize: number;
margin: number;
roundedValue: number;
};
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;
}[];
};
};
} | {
borderOptions: {
inner: {
radius: string;
scale: number;
horizontalOffset: number;
verticalOffset?: undefined;
};
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: {};
imageOptions: {
imageSize: number;
margin: number;
roundedValue: number;
};
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;
}[];
};
};
} | {
borderOptions: {
inner: {
radius: string;
scale: number;
horizontalOffset?: undefined;
verticalOffset?: undefined;
};
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: {};
imageOptions: {
imageSize: number;
margin: number;
roundedValue: number;
};
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;
}[];
};
};
})[];