@shawngoh87/react-sketch-canvas/dist/ReactSketchCanvas/index.d.ts

react-sketch-canvas - Freehand vector drawing tool for React using SVG as canvas

import * as React from 'react';
import { CanvasPath, ExportImageType } from '../types';
export type ReactSketchCanvasStates = {};
export interface ReactSketchCanvasProps {
    id?: string;
    width?: string;
    height?: string;
    className?: string;
    strokeColor?: string;
    canvasColor?: string;
    backgroundImage?: string;
    exportWithBackgroundImage?: boolean;
    preserveBackgroundImageAspectRatio?: string;
    strokeWidth?: number;
    eraserWidth?: number;
    allowOnlyPointerType?: string;
    onChange?: (updatedPaths: CanvasPath[]) => void;
    onStroke?: (path: CanvasPath, isEraser: boolean) => void;
    style?: React.CSSProperties;
    svgStyle?: React.CSSProperties;
    withTimestamp?: boolean;
}
export interface ReactSketchCanvasRef {
    eraseMode: (erase: boolean) => void;
    clearCanvas: () => void;
    undo: () => void;
    redo: () => void;
    exportImage: (imageType: ExportImageType) => Promise<string>;
    exportSvg: () => Promise<string>;
    exportPaths: () => Promise<CanvasPath[]>;
    loadPaths: (paths: CanvasPath[]) => void;
    getSketchingTime: () => Promise<number>;
    resetCanvas: () => void;
}
export declare const ReactSketchCanvas: React.ForwardRefExoticComponent<ReactSketchCanvasProps & React.RefAttributes<ReactSketchCanvasRef>>;