UNPKG

@jackybaby/react-custom-qrcode

Version:

React component to generate a QR Code customizable with logo and more properties

62 lines (61 loc) 1.74 kB
import * as React from 'react'; declare type CornerRadii = number | number[] | InnerOuterRadii; declare type InnerOuterRadii = { inner: number | number[]; outer: number | number[]; }; declare type Colors = string | string[]; export interface IProps { value?: string; ecLevel?: 'L' | 'M' | 'Q' | 'H'; enableCORS?: boolean; size?: number; quietZone?: number; bgColor?: string; fgColor?: string; logoImage?: string; logoWidth?: number; logoHeight?: number; logoOpacity?: number; removeQrCodeBehindLogo?: boolean; eyeRadius?: CornerRadii | CornerRadii[]; eyeColor?: Colors; qrStyle?: 'squares' | 'dots'; style?: object; id?: string; } export declare class QRCode extends React.Component<IProps, {}> { private canvas; static defaultProps: IProps; private static utf16to8; /** * Draw a rounded square in the canvas */ private drawRoundedSquare; /** * Draw a single positional pattern eye. */ private drawPositioningPattern; /** * Is this dot inside a positional pattern zone. */ private isInPositioninZone; private transformPixelLengthIntoNumberOfCells; private isCoordinateInImage; constructor(props: IProps); shouldComponentUpdate(nextProps: IProps): boolean; componentDidMount(): void; componentDidUpdate(): void; update(): void; render(): React.DetailedReactHTMLElement<{ id: string; height: number; width: number; style: { height: string; width: string; }; ref: React.RefObject<HTMLCanvasElement>; }, HTMLCanvasElement>; } export {};