Installation
npm install --save @types/react-avatar-editor
Summary
This package contains type definitions for react-avatar-editor (https://github.com/mosch/react-avatar-editor).
Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-avatar-editor.
index.d.ts
import * as React from "react";
export interface Position {
x: number;
y: number;
}
export interface CroppedRect extends Position {
width: number;
height: number;
}
export interface ImageState extends CroppedRect {
resource: ImageData;
}
export interface AvatarEditorProps {
className?: string | undefined;
image: string | File;
width?: number | undefined;
height?: number | undefined;
backgroundColor?: string | undefined;
border?: number | number[] | undefined;
borderRadius?: number | undefined;
color?: number[] | undefined;
style?: object | undefined;
scale?: number | undefined;
position?: Position | undefined;
rotate?: number | undefined;
crossOrigin?: string | undefined;
disableBoundaryChecks?: boolean | undefined;
disableHiDPIScaling?: boolean | undefined;
disableCanvasRotation?: boolean | undefined;
onLoadFailure?(event: Event): void;
onLoadSuccess?(imgInfo: ImageState): void;
onImageReady?(event: Event): void;
onMouseUp?(): void;
onMouseMove?(event: Event): void;
onImageChange?(): void;
onPositionChange?(position: Position): void;
}
export default class AvatarEditor extends React.Component<AvatarEditorProps, any> {
getImage(): HTMLCanvasElement;
getImageScaledToCanvas(): HTMLCanvasElement;
getCroppingRect(): CroppedRect;
}
Additional Details
- Last updated: Tue, 07 Nov 2023 09:09:39 GMT
- Dependencies: @types/react
Credits
These definitions were written by Diogo Corrêa, Gabriel Prates, Laurent Senta, David Spiess, John Grisham, and Joshua Hintze.