canvas-mark-board
Version:
## 简介 `canvas-mark-board` 基于原生canvas封装的图像标注工具,在 vue / react / 原生js 应用中都可以实现标注功能。提供了一系列事件和方法,用于管理标注对象、绘制标注形状、导入标注数据等操作。
25 lines (24 loc) • 807 B
TypeScript
import CanvasMarkBoard from "..";
import MarkObject from "./object";
import type { IPointData, IMarkObjectJSON } from "../types";
export default class ClickMarkObject extends MarkObject {
lastPointDown?: IPointData;
isClosed?: boolean;
maxPointCount: number;
drag: boolean;
minPointCount: number;
constructor(box: CanvasMarkBoard);
boxContextmenu(): void;
boxMousedown(e: IPointData): Promise<void>;
boxMousemove(): void;
boxMouseup(): void;
destory(): void;
removeAll(): void;
complete(): Promise<void>;
get pathData(): string;
get indexPoint(): IPointData;
get resultPoints(): IPointData[];
render(): void;
isPointInside(point: IPointData): boolean;
static import(box: CanvasMarkBoard, data: IMarkObjectJSON): ClickMarkObject;
}