easyannotation
Version:
Image annotation in JavaScript
71 lines (70 loc) • 1.83 kB
TypeScript
import DrawStyle from "./model/Styles";
import FillStyle from "./model/Styles";
import BlurStyle from "./model/Styles";
import { ToolbarItem } from "./toolbar/ToolbarItem";
export default interface Font {
name?: string;
size?: number;
italic?: boolean;
bold?: boolean;
}
export default interface Config {
targetElement?: HTMLElement;
ui?: string;
font?: Font;
defaultText?: string;
translations?: any;
/**
* Main class to be added to easy-annotation element.
*/
mainCls?: string;
/**
* Global draw style for all annotators.
*/
drawStyle?: DrawStyle;
/**
* Individual draw style for each annotator.
*/
drawStyles?: {
line?: DrawStyle;
arrow?: DrawStyle;
rect?: DrawStyle;
polygon?: DrawStyle;
callout?: DrawStyle;
ellipse?: DrawStyle;
};
/**
* Global fill style for all annotators.
*/
fillStyle?: FillStyle;
/**
* Individual draw style for each annotator.
*/
fillStyles?: {
text?: FillStyle;
rect?: FillStyle;
polygon?: FillStyle;
callout?: FillStyle;
ellipse?: FillStyle;
};
/**
* Default blurring style for all Blur annotators.
*/
blurStyle?: BlurStyle;
loadOnClick?: boolean;
showClose?: boolean;
x?: number;
y?: number;
width?: number;
height?: number;
showToolbar?: boolean;
showProperties?: boolean;
hideElement?: boolean;
style?: string;
toolbarItems?: Array<ToolbarItem>;
defaultColors?: [] | null;
/**
* If true the crossOrigin="anonymous" attribute will be added to the final image so CORS related issues are bypassed.
*/
useCrossOrigin?: boolean;
}