next-element-vue 0.3.5 → 0.3.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +2 -2
- package/dist/index.js +138 -67
- package/dist/index.min.js +3 -3
- package/dist/index.umd.js +138 -67
- package/dist/index.umd.min.js +3 -3
- package/dist/packages/components/labelimg/src/hooks/canvas-context-hook.d.ts +47 -2
- package/dist/packages/components/labelimg/src/widgets/draggable-rect.d.ts +2 -0
- package/dist/packages/components/labelme/src/hooks/canvas-content.d.ts +4 -0
- package/dist/packages/hooks/use-locale/index.d.ts +1 -0
- package/dist/packages/locale/lang/en.d.ts +1 -0
- package/dist/packages/locale/lang/zh-cn.d.ts +1 -0
- package/dist/packages/locale/lang/zh-tw.d.ts +1 -0
- package/package.json +2 -2
|
@@ -17,6 +17,8 @@ export interface RectProps {
|
|
|
17
17
|
rectHeight: number;
|
|
18
18
|
canvasWidth: number;
|
|
19
19
|
canvasHeight: number;
|
|
20
|
+
originWidth: number;
|
|
21
|
+
originHeight: number;
|
|
20
22
|
}
|
|
21
23
|
export interface CreateRectCanvasProps {
|
|
22
24
|
canvasWidth: number;
|
|
@@ -28,8 +30,17 @@ export interface DrawBaseCanvasProps extends CreateRectCanvasProps {
|
|
|
28
30
|
image: HTMLImageElement;
|
|
29
31
|
labels: RectProps[];
|
|
30
32
|
scaleFactor?: number;
|
|
33
|
+
scaleOffset?: {
|
|
34
|
+
x: number;
|
|
35
|
+
y: number;
|
|
36
|
+
scale: number;
|
|
37
|
+
};
|
|
31
38
|
}
|
|
32
|
-
export declare const DrawRectCanvas: (canvas
|
|
39
|
+
export declare const DrawRectCanvas: ({ canvas, originWidth, originHeight }: {
|
|
40
|
+
canvas: HTMLCanvasElement;
|
|
41
|
+
originWidth: number;
|
|
42
|
+
originHeight: number;
|
|
43
|
+
}, callback?: Function, keyW?: Function) => {
|
|
33
44
|
canvas: HTMLCanvasElement;
|
|
34
45
|
ctx: CanvasRenderingContext2D;
|
|
35
46
|
clearCanvas: () => void;
|
|
@@ -38,10 +49,44 @@ export declare const DrawRectCanvas: (canvas: HTMLCanvasElement, callback?: Func
|
|
|
38
49
|
};
|
|
39
50
|
export declare const colors: string[];
|
|
40
51
|
export declare const DrawBaseCanvas: (options: DrawBaseCanvasProps) => {
|
|
41
|
-
updateLabels: (
|
|
52
|
+
updateLabels: (scaleOffset?: {
|
|
53
|
+
x: number;
|
|
54
|
+
y: number;
|
|
55
|
+
scale: number;
|
|
56
|
+
}) => void;
|
|
42
57
|
addDrawRect: (rect: RectProps, color?: string) => void;
|
|
43
58
|
hitCanvasLabel: (x: number, y: number) => any;
|
|
44
59
|
};
|
|
60
|
+
export declare class CanvasSceneDragZoom {
|
|
61
|
+
private canvas;
|
|
62
|
+
private canvasWidth;
|
|
63
|
+
private canvasHeight;
|
|
64
|
+
private ctx;
|
|
65
|
+
private scaleFactor;
|
|
66
|
+
private preScaleFactor;
|
|
67
|
+
private offset;
|
|
68
|
+
private preOffset;
|
|
69
|
+
private mousePositioin;
|
|
70
|
+
private maxScale;
|
|
71
|
+
private minScale;
|
|
72
|
+
private scaleStep;
|
|
73
|
+
private clickX;
|
|
74
|
+
private clickY;
|
|
75
|
+
private observers;
|
|
76
|
+
constructor(canvas: HTMLCanvasElement);
|
|
77
|
+
private notifyObservers;
|
|
78
|
+
changeZoom(callback: (scale: number, offset: {
|
|
79
|
+
x: number;
|
|
80
|
+
y: number;
|
|
81
|
+
}) => void): void;
|
|
82
|
+
reset(): void;
|
|
83
|
+
render(): void;
|
|
84
|
+
zoom(): void;
|
|
85
|
+
canvasMousewheel: (event: WheelEvent) => void;
|
|
86
|
+
canvasMousedown(event: MouseEvent): void;
|
|
87
|
+
canvasMousemove(event: MouseEvent): void;
|
|
88
|
+
canvasMouseup(event: MouseEvent): void;
|
|
89
|
+
}
|
|
45
90
|
/**
|
|
46
91
|
* 根据比例重新设置标注框位置和大小
|
|
47
92
|
* @param labels
|
|
@@ -26,6 +26,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
26
26
|
rectHeight: number;
|
|
27
27
|
canvasWidth: number;
|
|
28
28
|
canvasHeight: number;
|
|
29
|
+
originWidth: number;
|
|
30
|
+
originHeight: number;
|
|
29
31
|
}>;
|
|
30
32
|
onMousedownDot: (e: MouseEvent, corner: string) => void;
|
|
31
33
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("draggle-resize" | "contextmenu")[], "draggle-resize" | "contextmenu", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -8,6 +8,8 @@ export interface DrawBaseCanvasProps extends CreateRectCanvasProps {
|
|
|
8
8
|
image: HTMLImageElement;
|
|
9
9
|
scaleFactor?: number;
|
|
10
10
|
paths?: any[];
|
|
11
|
+
scaleX?: number;
|
|
12
|
+
scaleY?: number;
|
|
11
13
|
}
|
|
12
14
|
export declare const printsToPath: (vertexes: [number, number][]) => Path2D;
|
|
13
15
|
export declare const isPointOnLineSegment: (px: number, py: number, vertexes: [number, number][], ctx: CanvasRenderingContext2D) => number;
|
|
@@ -26,6 +28,8 @@ export declare class CreateDrawCanvas {
|
|
|
26
28
|
canvasWidth: number;
|
|
27
29
|
canvasHeight: number;
|
|
28
30
|
private paths;
|
|
31
|
+
private scaleX;
|
|
32
|
+
private scaleY;
|
|
29
33
|
private editDrawPolygon;
|
|
30
34
|
private createPolygonVertexes;
|
|
31
35
|
private editVertexes;
|