ngx-image-annotation/annotator.component.d.ts

A comprehensive Angular component for tagging images. Check out [the demo](https://pdkds7-4200.csb.app/) for some examples.

import { ElementRef, EventEmitter } from '@angular/core';
import { Director, Shape, Shortcut, SVGSVGEl } from 'image-labeling';
import * as i0 from "@angular/core";
export declare class AnnotatorComponent {
    private elRef;
    getDirector: () => Director;
    onReady: EventEmitter<any>;
    onAdded: EventEmitter<Shape>;
    onEdited: EventEmitter<Shape>;
    onSelected: EventEmitter<Shape>;
    onContextMenu: EventEmitter<Shape>;
    set imageUrl(value: string);
    shapes?: Shape[] | any[];
    naturalSize?: boolean;
    width?: number | string;
    height?: number | string;
    discRadius?: number;
    hideBorder?: boolean;
    shortcut?: Shortcut;
    categoryOpt?: {
        vertical: 'top' | 'middle' | 'bottom';
    } | undefined;
    constructor(elRef: ElementRef);
    stopAll: () => void;
    drawRectangle(): void;
    drawPolygon(): void;
    drawCircle(): void;
    drawEllipse(): void;
    drawDot(): void;
    stop: () => void;
    stopEdit: () => void;
    edit: (id: number) => void;
    delete: (id: number) => void;
    updateCategories: (id: number, categories: string[], color?: string) => void;
    zoom: (factor: number, relative?: boolean) => void;
    getShapes: () => Shape[];
    onload(imageUrl: string): void;
    drawShapes(shapes?: Shape[] | any[]): void;
    getWrapper(): SVGSVGEl;
    getContainer(): HTMLDivElement;
    static ɵfac: i0.ɵɵFactoryDeclaration<AnnotatorComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<AnnotatorComponent, "annotator", never, { "imageUrl": { "alias": "imageUrl"; "required": false; }; "shapes": { "alias": "shapes"; "required": false; }; "naturalSize": { "alias": "naturalSize"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "discRadius": { "alias": "discRadius"; "required": false; }; "hideBorder": { "alias": "hideBorder"; "required": false; }; "shortcut": { "alias": "shortcut"; "required": false; }; "categoryOpt": { "alias": "categoryOpt"; "required": false; }; }, { "onReady": "onReady"; "onAdded": "onAdded"; "onEdited": "onEdited"; "onSelected": "onSelected"; "onContextMenu": "onContextMenu"; }, never, never, true, never>;
}