@bensitu/image-editor 2.0.0 → 2.2.0
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/README.md +346 -90
- package/dist/cjs/index.cjs +4883 -1191
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/animation/animation-queue.js +16 -9
- package/dist/esm/animation/animation-queue.js.map +1 -1
- package/dist/esm/annotation/annotation-lock.js +7 -0
- package/dist/esm/annotation/annotation-lock.js.map +1 -0
- package/dist/esm/annotation/annotation-manager.js +217 -0
- package/dist/esm/annotation/annotation-manager.js.map +1 -0
- package/dist/esm/annotation/annotation-style.js +50 -0
- package/dist/esm/annotation/annotation-style.js.map +1 -0
- package/dist/esm/annotation/draw-controller.js +114 -0
- package/dist/esm/annotation/draw-controller.js.map +1 -0
- package/dist/esm/annotation/text-controller.js +234 -0
- package/dist/esm/annotation/text-controller.js.map +1 -0
- package/dist/esm/core/default-options.js +447 -11
- package/dist/esm/core/default-options.js.map +1 -1
- package/dist/esm/core/editor-object-kind.js +37 -0
- package/dist/esm/core/editor-object-kind.js.map +1 -0
- package/dist/esm/core/errors.js +19 -0
- package/dist/esm/core/errors.js.map +1 -1
- package/dist/esm/core/layer-order.js +100 -0
- package/dist/esm/core/layer-order.js.map +1 -0
- package/dist/esm/core/operation-guard.js +28 -0
- package/dist/esm/core/operation-guard.js.map +1 -1
- package/dist/esm/core/public-types.js +34 -1
- package/dist/esm/core/public-types.js.map +1 -1
- package/dist/esm/core/state-serializer.js +108 -27
- package/dist/esm/core/state-serializer.js.map +1 -1
- package/dist/esm/crop/crop-controller.js +6 -2
- package/dist/esm/crop/crop-controller.js.map +1 -1
- package/dist/esm/export/export-format.js.map +1 -1
- package/dist/esm/export/export-service.js +140 -141
- package/dist/esm/export/export-service.js.map +1 -1
- package/dist/esm/export/overlay-merge-service.js +75 -0
- package/dist/esm/export/overlay-merge-service.js.map +1 -0
- package/dist/esm/fabric/fabric-animation.js +56 -4
- package/dist/esm/fabric/fabric-animation.js.map +1 -1
- package/dist/esm/history/history-manager.js +2 -2
- package/dist/esm/history/history-manager.js.map +1 -1
- package/dist/esm/image/image-loader.js +27 -65
- package/dist/esm/image/image-loader.js.map +1 -1
- package/dist/esm/image/image-resampler.js +7 -2
- package/dist/esm/image/image-resampler.js.map +1 -1
- package/dist/esm/image/layout-manager.js +2 -20
- package/dist/esm/image/layout-manager.js.map +1 -1
- package/dist/esm/image/transform-controller.js.map +1 -1
- package/dist/esm/image-editor.js +1474 -135
- package/dist/esm/image-editor.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/mask/mask-factory.js +92 -43
- package/dist/esm/mask/mask-factory.js.map +1 -1
- package/dist/esm/mask/mask-label-manager.js +2 -0
- package/dist/esm/mask/mask-label-manager.js.map +1 -1
- package/dist/esm/mask/mask-list.js +9 -3
- package/dist/esm/mask/mask-list.js.map +1 -1
- package/dist/esm/mask/mask-style.js.map +1 -1
- package/dist/esm/mosaic/mosaic-controller.js +666 -0
- package/dist/esm/mosaic/mosaic-controller.js.map +1 -0
- package/dist/esm/mosaic/mosaic-geometry.js +81 -0
- package/dist/esm/mosaic/mosaic-geometry.js.map +1 -0
- package/dist/esm/mosaic/mosaic-pixelate.js +71 -0
- package/dist/esm/mosaic/mosaic-pixelate.js.map +1 -0
- package/dist/esm/ui/dom-bindings.js +10 -3
- package/dist/esm/ui/dom-bindings.js.map +1 -1
- package/dist/esm/utils/image-element-loader.js +55 -0
- package/dist/esm/utils/image-element-loader.js.map +1 -0
- package/dist/esm/utils/number.js.map +1 -1
- package/dist/esm/utils/pointer.js +28 -0
- package/dist/esm/utils/pointer.js.map +1 -0
- package/dist/types/animation/animation-queue.d.ts.map +1 -1
- package/dist/types/annotation/annotation-lock.d.ts +12 -0
- package/dist/types/annotation/annotation-lock.d.ts.map +1 -0
- package/dist/types/annotation/annotation-manager.d.ts +33 -0
- package/dist/types/annotation/annotation-manager.d.ts.map +1 -0
- package/dist/types/annotation/annotation-style.d.ts +13 -0
- package/dist/types/annotation/annotation-style.d.ts.map +1 -0
- package/dist/types/annotation/draw-controller.d.ts +43 -0
- package/dist/types/annotation/draw-controller.d.ts.map +1 -0
- package/dist/types/annotation/text-controller.d.ts +47 -0
- package/dist/types/annotation/text-controller.d.ts.map +1 -0
- package/dist/types/core/default-options.d.ts +46 -6
- package/dist/types/core/default-options.d.ts.map +1 -1
- package/dist/types/core/editor-object-kind.d.ts +29 -0
- package/dist/types/core/editor-object-kind.d.ts.map +1 -0
- package/dist/types/core/errors.d.ts +12 -2
- package/dist/types/core/errors.d.ts.map +1 -1
- package/dist/types/core/layer-order.d.ts +21 -0
- package/dist/types/core/layer-order.d.ts.map +1 -0
- package/dist/types/core/operation-guard.d.ts +2 -0
- package/dist/types/core/operation-guard.d.ts.map +1 -1
- package/dist/types/core/public-types.d.ts +341 -33
- package/dist/types/core/public-types.d.ts.map +1 -1
- package/dist/types/core/state-serializer.d.ts +32 -5
- package/dist/types/core/state-serializer.d.ts.map +1 -1
- package/dist/types/crop/crop-controller.d.ts +6 -7
- package/dist/types/crop/crop-controller.d.ts.map +1 -1
- package/dist/types/export/export-format.d.ts +5 -33
- package/dist/types/export/export-format.d.ts.map +1 -1
- package/dist/types/export/export-service.d.ts +24 -15
- package/dist/types/export/export-service.d.ts.map +1 -1
- package/dist/types/export/overlay-merge-service.d.ts +38 -0
- package/dist/types/export/overlay-merge-service.d.ts.map +1 -0
- package/dist/types/fabric/fabric-animation.d.ts.map +1 -1
- package/dist/types/history/history-manager.d.ts +11 -14
- package/dist/types/history/history-manager.d.ts.map +1 -1
- package/dist/types/image/image-loader.d.ts +24 -21
- package/dist/types/image/image-loader.d.ts.map +1 -1
- package/dist/types/image/image-resampler.d.ts +2 -2
- package/dist/types/image/image-resampler.d.ts.map +1 -1
- package/dist/types/image/layout-manager.d.ts +5 -49
- package/dist/types/image/layout-manager.d.ts.map +1 -1
- package/dist/types/image/transform-controller.d.ts +6 -9
- package/dist/types/image/transform-controller.d.ts.map +1 -1
- package/dist/types/image-editor.d.ts +93 -14
- package/dist/types/image-editor.d.ts.map +1 -1
- package/dist/types/index.d.cts +3 -3
- package/dist/types/index.d.cts.map +1 -1
- package/dist/types/index.d.ts +3 -3
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/mask/mask-factory.d.ts +24 -21
- package/dist/types/mask/mask-factory.d.ts.map +1 -1
- package/dist/types/mask/mask-label-manager.d.ts +10 -9
- package/dist/types/mask/mask-label-manager.d.ts.map +1 -1
- package/dist/types/mask/mask-list.d.ts +11 -12
- package/dist/types/mask/mask-list.d.ts.map +1 -1
- package/dist/types/mask/mask-style.d.ts +19 -20
- package/dist/types/mask/mask-style.d.ts.map +1 -1
- package/dist/types/mosaic/mosaic-controller.d.ts +82 -0
- package/dist/types/mosaic/mosaic-controller.d.ts.map +1 -0
- package/dist/types/mosaic/mosaic-geometry.d.ts +29 -0
- package/dist/types/mosaic/mosaic-geometry.d.ts.map +1 -0
- package/dist/types/mosaic/mosaic-pixelate.d.ts +23 -0
- package/dist/types/mosaic/mosaic-pixelate.d.ts.map +1 -0
- package/dist/types/ui/dom-bindings.d.ts +3 -1
- package/dist/types/ui/dom-bindings.d.ts.map +1 -1
- package/dist/types/ui/visibility-state.d.ts +2 -2
- package/dist/types/utils/image-element-loader.d.ts +19 -0
- package/dist/types/utils/image-element-loader.d.ts.map +1 -0
- package/dist/types/utils/number.d.ts +1 -2
- package/dist/types/utils/number.d.ts.map +1 -1
- package/dist/types/utils/pointer.d.ts +16 -0
- package/dist/types/utils/pointer.d.ts.map +1 -0
- package/dist/umd/image-editor.umd.js +1 -1
- package/dist/umd/image-editor.umd.js.map +1 -1
- package/package.json +1 -1
|
@@ -48,20 +48,27 @@ export class AnimationQueue {
|
|
|
48
48
|
return this.add(() => Promise.resolve()).then(() => undefined, () => undefined);
|
|
49
49
|
}
|
|
50
50
|
async drainQueue() {
|
|
51
|
-
if (this.
|
|
52
|
-
this.running = false;
|
|
51
|
+
if (this.running)
|
|
53
52
|
return;
|
|
54
|
-
}
|
|
55
53
|
this.running = true;
|
|
56
|
-
const entry = this.queue.shift();
|
|
57
54
|
try {
|
|
58
|
-
|
|
59
|
-
|
|
55
|
+
while (this.queue.length > 0) {
|
|
56
|
+
const entry = this.queue.shift();
|
|
57
|
+
try {
|
|
58
|
+
await entry.run();
|
|
59
|
+
entry.resolve();
|
|
60
|
+
}
|
|
61
|
+
catch (error) {
|
|
62
|
+
entry.reject(error);
|
|
63
|
+
}
|
|
64
|
+
}
|
|
60
65
|
}
|
|
61
|
-
|
|
62
|
-
|
|
66
|
+
finally {
|
|
67
|
+
this.running = false;
|
|
68
|
+
if (this.queue.length > 0) {
|
|
69
|
+
void this.drainQueue();
|
|
70
|
+
}
|
|
63
71
|
}
|
|
64
|
-
void this.drainQueue();
|
|
65
72
|
}
|
|
66
73
|
}
|
|
67
74
|
//# sourceMappingURL=animation-queue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animation-queue.js","sourceRoot":"","sources":["../../../src/animation/animation-queue.ts"],"names":[],"mappings":"AAuDA,MAAM,OAAO,cAAc;IAA3B;QAEY;;;;mBAAsB,EAAE;WAAC;QAEzB;;;;mBAAU,KAAK;WAAC;
|
|
1
|
+
{"version":3,"file":"animation-queue.js","sourceRoot":"","sources":["../../../src/animation/animation-queue.ts"],"names":[],"mappings":"AAuDA,MAAM,OAAO,cAAc;IAA3B;QAEY;;;;mBAAsB,EAAE;WAAC;QAEzB;;;;mBAAU,KAAK;WAAC;IAuH5B,CAAC;IAtGG,GAAG,CAAC,WAAgC;QAChC,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACzC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;YACvD,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;gBAChB,KAAK,IAAI,CAAC,UAAU,EAAE,CAAC;YAC3B,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAmBD,KAAK,CAAC,MAAgB;QAIlB,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YACvB,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC1B,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACzB,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC1B,KAAK,CAAC,OAAO,EAAE,CAAC;YACpB,CAAC;QACL,CAAC;IACL,CAAC;IAOD,SAAS;QACL,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAKD,MAAM;QACF,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IACjD,CAAC;IAeD,WAAW;QACP,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3C,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;QAC7B,CAAC;QACD,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CACzC,GAAG,EAAE,CAAC,SAAS,EACf,GAAG,EAAE,CAAC,SAAS,CAClB,CAAC;IACN,CAAC;IAEO,KAAK,CAAC,UAAU;QACpB,IAAI,IAAI,CAAC,OAAO;YAAE,OAAO;QACzB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC;YACD,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAG,CAAC;gBAClC,IAAI,CAAC;oBACD,MAAM,KAAK,CAAC,GAAG,EAAE,CAAC;oBAClB,KAAK,CAAC,OAAO,EAAE,CAAC;gBACpB,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACb,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACxB,CAAC;YACL,CAAC;QACL,CAAC;gBAAS,CAAC;YACP,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACxB,KAAK,IAAI,CAAC,UAAU,EAAE,CAAC;YAC3B,CAAC;QACL,CAAC;IACL,CAAC;CACJ"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"annotation-lock.js","sourceRoot":"","sources":["../../../src/annotation/annotation-lock.ts"],"names":[],"mappings":"AAWA,MAAM,UAAU,kBAAkB,CAC9B,UAAsD;IAEtD,OAAO,UAAU,CAAC,gBAAgB,KAAK,IAAI,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,oBAAoB,CAChC,UAAsD;IAEtD,OAAO,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;AAC3C,CAAC"}
|
|
@@ -0,0 +1,217 @@
|
|
|
1
|
+
import { isAnnotationObject, isDrawAnnotationObject, isTextAnnotationObject, } from '../core/public-types.js';
|
|
2
|
+
import { syncAnnotationRuntimeState } from './annotation-style.js';
|
|
3
|
+
import { isAnnotationLocked, isAnnotationUnlocked } from './annotation-lock.js';
|
|
4
|
+
function isActiveSelectionObject(object) {
|
|
5
|
+
if (!object)
|
|
6
|
+
return false;
|
|
7
|
+
const type = typeof object.type === 'string' ? object.type.toLowerCase() : '';
|
|
8
|
+
if (type === 'activeselection')
|
|
9
|
+
return true;
|
|
10
|
+
const isType = object.isType;
|
|
11
|
+
return (typeof isType === 'function' &&
|
|
12
|
+
(isType.call(object, 'ActiveSelection') || isType.call(object, 'activeSelection')));
|
|
13
|
+
}
|
|
14
|
+
export function getActiveSelectionObjects(canvas) {
|
|
15
|
+
const active = canvas.getActiveObject();
|
|
16
|
+
if (!active)
|
|
17
|
+
return [];
|
|
18
|
+
if (!isActiveSelectionObject(active))
|
|
19
|
+
return [active];
|
|
20
|
+
const getObjects = active.getObjects;
|
|
21
|
+
return typeof getObjects === 'function' ? getObjects.call(active) : [];
|
|
22
|
+
}
|
|
23
|
+
export function getAnnotations(canvas) {
|
|
24
|
+
return canvas.getObjects().filter(isAnnotationObject).slice();
|
|
25
|
+
}
|
|
26
|
+
export function getSelectedAnnotations(canvas) {
|
|
27
|
+
return getActiveSelectionObjects(canvas).filter(isAnnotationObject);
|
|
28
|
+
}
|
|
29
|
+
function snapshotAnnotation(annotation) {
|
|
30
|
+
return JSON.stringify({
|
|
31
|
+
text: annotation.text,
|
|
32
|
+
fontSize: annotation.fontSize,
|
|
33
|
+
fontFamily: annotation.fontFamily,
|
|
34
|
+
fontWeight: annotation.fontWeight,
|
|
35
|
+
fill: annotation.fill,
|
|
36
|
+
backgroundColor: annotation.backgroundColor,
|
|
37
|
+
textAlign: annotation.textAlign,
|
|
38
|
+
width: annotation.width,
|
|
39
|
+
stroke: annotation.stroke,
|
|
40
|
+
strokeWidth: annotation.strokeWidth,
|
|
41
|
+
opacity: annotation.opacity,
|
|
42
|
+
visible: annotation.visible,
|
|
43
|
+
selectable: annotation.selectable,
|
|
44
|
+
evented: annotation.evented,
|
|
45
|
+
annotationHidden: annotation.annotationHidden,
|
|
46
|
+
annotationLocked: annotation.annotationLocked,
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
function setAnnotationProps(annotation, props) {
|
|
50
|
+
try {
|
|
51
|
+
annotation.set(props);
|
|
52
|
+
}
|
|
53
|
+
catch {
|
|
54
|
+
Object.assign(annotation, props);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
function updateTextAnnotation(annotation, config) {
|
|
58
|
+
const props = {};
|
|
59
|
+
const raw = config;
|
|
60
|
+
if (typeof raw.text === 'string')
|
|
61
|
+
props.text = raw.text;
|
|
62
|
+
if (typeof raw.fontSize === 'number' && Number.isFinite(raw.fontSize) && raw.fontSize > 0) {
|
|
63
|
+
props.fontSize = raw.fontSize;
|
|
64
|
+
}
|
|
65
|
+
if (typeof raw.fontFamily === 'string')
|
|
66
|
+
props.fontFamily = raw.fontFamily;
|
|
67
|
+
if (typeof raw.fontWeight === 'string' || typeof raw.fontWeight === 'number') {
|
|
68
|
+
props.fontWeight = raw.fontWeight;
|
|
69
|
+
}
|
|
70
|
+
if (typeof raw.fill === 'string')
|
|
71
|
+
props.fill = raw.fill;
|
|
72
|
+
if (typeof raw.backgroundColor === 'string')
|
|
73
|
+
props.backgroundColor = raw.backgroundColor;
|
|
74
|
+
if (raw.textAlign === 'left' ||
|
|
75
|
+
raw.textAlign === 'center' ||
|
|
76
|
+
raw.textAlign === 'right' ||
|
|
77
|
+
raw.textAlign === 'justify') {
|
|
78
|
+
props.textAlign = raw.textAlign;
|
|
79
|
+
}
|
|
80
|
+
if (typeof raw.width === 'number' && Number.isFinite(raw.width) && raw.width > 0) {
|
|
81
|
+
props.width = raw.width;
|
|
82
|
+
}
|
|
83
|
+
if (Object.keys(props).length > 0)
|
|
84
|
+
setAnnotationProps(annotation, props);
|
|
85
|
+
}
|
|
86
|
+
function updateDrawAnnotation(annotation, config) {
|
|
87
|
+
const props = {};
|
|
88
|
+
const raw = config;
|
|
89
|
+
if (typeof raw.stroke === 'string')
|
|
90
|
+
props.stroke = raw.stroke;
|
|
91
|
+
if (typeof raw.strokeWidth === 'number' &&
|
|
92
|
+
Number.isFinite(raw.strokeWidth) &&
|
|
93
|
+
raw.strokeWidth > 0) {
|
|
94
|
+
props.strokeWidth = raw.strokeWidth;
|
|
95
|
+
}
|
|
96
|
+
if (typeof raw.opacity === 'number' && Number.isFinite(raw.opacity)) {
|
|
97
|
+
props.opacity = Math.max(0, Math.min(1, raw.opacity));
|
|
98
|
+
}
|
|
99
|
+
if (Object.keys(props).length > 0)
|
|
100
|
+
setAnnotationProps(annotation, props);
|
|
101
|
+
}
|
|
102
|
+
export function updateAnnotationObject(annotation, config) {
|
|
103
|
+
const before = snapshotAnnotation(annotation);
|
|
104
|
+
const raw = config;
|
|
105
|
+
if (typeof raw.annotationHidden === 'boolean') {
|
|
106
|
+
annotation.annotationHidden = raw.annotationHidden;
|
|
107
|
+
}
|
|
108
|
+
if (typeof raw.annotationLocked === 'boolean') {
|
|
109
|
+
annotation.annotationLocked = raw.annotationLocked;
|
|
110
|
+
}
|
|
111
|
+
const lockedAfter = isAnnotationLocked(annotation);
|
|
112
|
+
if (!lockedAfter) {
|
|
113
|
+
if (typeof raw.selectable === 'boolean')
|
|
114
|
+
annotation.selectable = raw.selectable;
|
|
115
|
+
if (typeof raw.evented === 'boolean')
|
|
116
|
+
annotation.evented = raw.evented;
|
|
117
|
+
if (isTextAnnotationObject(annotation))
|
|
118
|
+
updateTextAnnotation(annotation, config);
|
|
119
|
+
if (isDrawAnnotationObject(annotation))
|
|
120
|
+
updateDrawAnnotation(annotation, config);
|
|
121
|
+
}
|
|
122
|
+
syncAnnotationRuntimeState(annotation);
|
|
123
|
+
return snapshotAnnotation(annotation) !== before;
|
|
124
|
+
}
|
|
125
|
+
export function updateAnnotation(context, annotationId, config) {
|
|
126
|
+
const target = getAnnotations(context.canvas).find((annotation) => annotation.annotationId === annotationId);
|
|
127
|
+
if (!target)
|
|
128
|
+
return false;
|
|
129
|
+
const changed = updateAnnotationObject(target, config);
|
|
130
|
+
if (!changed)
|
|
131
|
+
return false;
|
|
132
|
+
context.canvas.requestRenderAll();
|
|
133
|
+
context.saveCanvasState();
|
|
134
|
+
context.updateUi();
|
|
135
|
+
return true;
|
|
136
|
+
}
|
|
137
|
+
export function updateSelectedAnnotation(context, config) {
|
|
138
|
+
const selectedAnnotations = getSelectedAnnotations(context.canvas);
|
|
139
|
+
if (selectedAnnotations.length === 0)
|
|
140
|
+
return false;
|
|
141
|
+
const changed = selectedAnnotations
|
|
142
|
+
.map((annotation) => updateAnnotationObject(annotation, config))
|
|
143
|
+
.some(Boolean);
|
|
144
|
+
if (!changed)
|
|
145
|
+
return false;
|
|
146
|
+
context.canvas.requestRenderAll();
|
|
147
|
+
context.saveCanvasState();
|
|
148
|
+
context.updateUi();
|
|
149
|
+
return true;
|
|
150
|
+
}
|
|
151
|
+
export function removeAnnotationObjects(context, objects, options = {}) {
|
|
152
|
+
const force = options.force === true;
|
|
153
|
+
const removable = objects.filter((annotation) => force || isAnnotationUnlocked(annotation));
|
|
154
|
+
if (removable.length === 0)
|
|
155
|
+
return 0;
|
|
156
|
+
for (const annotation of removable) {
|
|
157
|
+
context.canvas.remove(annotation);
|
|
158
|
+
}
|
|
159
|
+
context.canvas.discardActiveObject();
|
|
160
|
+
context.canvas.renderAll();
|
|
161
|
+
if (options.saveHistory !== false)
|
|
162
|
+
context.saveCanvasState();
|
|
163
|
+
context.updateUi();
|
|
164
|
+
return removable.length;
|
|
165
|
+
}
|
|
166
|
+
export function removeSelectedAnnotation(context) {
|
|
167
|
+
return removeAnnotationObjects(context, getSelectedAnnotations(context.canvas));
|
|
168
|
+
}
|
|
169
|
+
export function removeAllAnnotations(context, options = {}) {
|
|
170
|
+
return removeAnnotationObjects(context, getAnnotations(context.canvas), options);
|
|
171
|
+
}
|
|
172
|
+
function getAnnotationListDocument(context) {
|
|
173
|
+
var _a, _b, _c, _d, _e;
|
|
174
|
+
const canvasLike = context.canvas;
|
|
175
|
+
return ((_e = (_c = (_b = (_a = canvasLike === null || canvasLike === void 0 ? void 0 : canvasLike.getElement) === null || _a === void 0 ? void 0 : _a.call(canvasLike)) === null || _b === void 0 ? void 0 : _b.ownerDocument) !== null && _c !== void 0 ? _c : (_d = canvasLike === null || canvasLike === void 0 ? void 0 : canvasLike.lowerCanvasEl) === null || _d === void 0 ? void 0 : _d.ownerDocument) !== null && _e !== void 0 ? _e : document);
|
|
176
|
+
}
|
|
177
|
+
export function renderAnnotationList(context) {
|
|
178
|
+
const listId = context.getListElementId();
|
|
179
|
+
if (!listId)
|
|
180
|
+
return;
|
|
181
|
+
const ownerDocument = getAnnotationListDocument(context);
|
|
182
|
+
const listEl = ownerDocument.getElementById(listId);
|
|
183
|
+
if (!listEl || !context.canvas)
|
|
184
|
+
return;
|
|
185
|
+
listEl.innerHTML = '';
|
|
186
|
+
const canvas = context.canvas;
|
|
187
|
+
getAnnotations(canvas).forEach((annotation) => {
|
|
188
|
+
const item = ownerDocument.createElement('li');
|
|
189
|
+
item.className = 'list-group-item annotation-item';
|
|
190
|
+
item.textContent = annotation.annotationName;
|
|
191
|
+
item.dataset.annotationId = String(annotation.annotationId);
|
|
192
|
+
item.onclick = () => {
|
|
193
|
+
const id = Number(item.dataset.annotationId);
|
|
194
|
+
if (!Number.isFinite(id))
|
|
195
|
+
return;
|
|
196
|
+
const target = getAnnotations(canvas).find((candidate) => candidate.annotationId === id);
|
|
197
|
+
if (!target)
|
|
198
|
+
return;
|
|
199
|
+
canvas.setActiveObject(target);
|
|
200
|
+
context.onAnnotationSelected(target);
|
|
201
|
+
};
|
|
202
|
+
listEl.appendChild(item);
|
|
203
|
+
});
|
|
204
|
+
}
|
|
205
|
+
export function updateAnnotationListSelection(context, selectedAnnotation) {
|
|
206
|
+
const listId = context.getListElementId();
|
|
207
|
+
if (!listId)
|
|
208
|
+
return;
|
|
209
|
+
const listEl = getAnnotationListDocument(context).getElementById(listId);
|
|
210
|
+
if (!listEl)
|
|
211
|
+
return;
|
|
212
|
+
const selectedId = selectedAnnotation ? String(selectedAnnotation.annotationId) : null;
|
|
213
|
+
listEl.querySelectorAll('.annotation-item').forEach((item) => {
|
|
214
|
+
item.classList.toggle('active', selectedId !== null && item.dataset.annotationId === selectedId);
|
|
215
|
+
});
|
|
216
|
+
}
|
|
217
|
+
//# sourceMappingURL=annotation-manager.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"annotation-manager.js","sourceRoot":"","sources":["../../../src/annotation/annotation-manager.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { isTextAnnotationObject, } from '../core/public-types.js';
|
|
2
|
+
import { isAnnotationLocked } from './annotation-lock.js';
|
|
3
|
+
function setObjectProps(object, props) {
|
|
4
|
+
try {
|
|
5
|
+
object.set(props);
|
|
6
|
+
}
|
|
7
|
+
catch {
|
|
8
|
+
Object.assign(object, props);
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
function syncTextEditability(annotation, editable) {
|
|
12
|
+
const textObject = annotation;
|
|
13
|
+
textObject.editable = editable;
|
|
14
|
+
}
|
|
15
|
+
export function syncAnnotationRuntimeState(annotation) {
|
|
16
|
+
var _a;
|
|
17
|
+
const hidden = annotation.annotationHidden === true;
|
|
18
|
+
const locked = isAnnotationLocked(annotation);
|
|
19
|
+
setObjectProps(annotation, {
|
|
20
|
+
visible: !hidden,
|
|
21
|
+
selectable: locked ? false : true,
|
|
22
|
+
evented: locked ? false : true,
|
|
23
|
+
hasControls: !locked,
|
|
24
|
+
lockMovementX: locked,
|
|
25
|
+
lockMovementY: locked,
|
|
26
|
+
lockScalingX: locked,
|
|
27
|
+
lockScalingY: locked,
|
|
28
|
+
lockRotation: locked,
|
|
29
|
+
});
|
|
30
|
+
if (!locked) {
|
|
31
|
+
setObjectProps(annotation, {
|
|
32
|
+
selectable: true,
|
|
33
|
+
evented: true,
|
|
34
|
+
hasControls: true,
|
|
35
|
+
lockMovementX: false,
|
|
36
|
+
lockMovementY: false,
|
|
37
|
+
lockScalingX: false,
|
|
38
|
+
lockScalingY: false,
|
|
39
|
+
lockRotation: false,
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
if (isTextAnnotationObject(annotation)) {
|
|
43
|
+
syncTextEditability(annotation, !locked);
|
|
44
|
+
}
|
|
45
|
+
(_a = annotation.setCoords) === null || _a === void 0 ? void 0 : _a.call(annotation);
|
|
46
|
+
}
|
|
47
|
+
export function syncAnnotationRuntimeStates(annotations) {
|
|
48
|
+
annotations.forEach(syncAnnotationRuntimeState);
|
|
49
|
+
}
|
|
50
|
+
//# sourceMappingURL=annotation-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"annotation-style.js","sourceRoot":"","sources":["../../../src/annotation/annotation-style.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,sBAAsB,GAGzB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,SAAS,cAAc,CACnB,MAA6B,EAC7B,KAA0C;IAE1C,IAAI,CAAC;QACD,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC;IAAC,MAAM,CAAC;QACL,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACjC,CAAC;AACL,CAAC;AAED,SAAS,mBAAmB,CAAC,UAAgC,EAAE,QAAiB;IAC5E,MAAM,UAAU,GAAG,UAA2D,CAAC;IAC/E,UAAU,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,UAA4B;;IACnE,MAAM,MAAM,GAAG,UAAU,CAAC,gBAAgB,KAAK,IAAI,CAAC;IACpD,MAAM,MAAM,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAE9C,cAAc,CAAC,UAAU,EAAE;QACvB,OAAO,EAAE,CAAC,MAAM;QAChB,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;QACjC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;QAC9B,WAAW,EAAE,CAAC,MAAM;QACpB,aAAa,EAAE,MAAM;QACrB,aAAa,EAAE,MAAM;QACrB,YAAY,EAAE,MAAM;QACpB,YAAY,EAAE,MAAM;QACpB,YAAY,EAAE,MAAM;KACvB,CAAC,CAAC;IAEH,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,cAAc,CAAC,UAAU,EAAE;YACvB,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,IAAI;YACb,WAAW,EAAE,IAAI;YACjB,aAAa,EAAE,KAAK;YACpB,aAAa,EAAE,KAAK;YACpB,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,KAAK;SACtB,CAAC,CAAC;IACP,CAAC;IAED,IAAI,sBAAsB,CAAC,UAAU,CAAC,EAAE,CAAC;QACrC,mBAAmB,CAAC,UAAU,EAAE,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC;IACD,MAAA,UAAU,CAAC,SAAS,0DAAI,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,2BAA2B,CAAC,WAA+B;IACvE,WAAW,CAAC,OAAO,CAAC,0BAA0B,CAAC,CAAC;AACpD,CAAC"}
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import { markAnnotationObject } from '../core/editor-object-kind.js';
|
|
2
|
+
import { placeAnnotationObject } from '../core/layer-order.js';
|
|
3
|
+
import { syncAnnotationRuntimeState } from './annotation-style.js';
|
|
4
|
+
function colorWithOpacity(color, opacity) {
|
|
5
|
+
const alpha = Math.max(0, Math.min(1, opacity));
|
|
6
|
+
if (alpha >= 1)
|
|
7
|
+
return color;
|
|
8
|
+
if (/^#([0-9a-f]{6})$/i.test(color)) {
|
|
9
|
+
const hex = color.slice(1);
|
|
10
|
+
const r = Number.parseInt(hex.slice(0, 2), 16);
|
|
11
|
+
const g = Number.parseInt(hex.slice(2, 4), 16);
|
|
12
|
+
const b = Number.parseInt(hex.slice(4, 6), 16);
|
|
13
|
+
return `rgba(${r},${g},${b},${alpha})`;
|
|
14
|
+
}
|
|
15
|
+
return color;
|
|
16
|
+
}
|
|
17
|
+
function configureBrush(context) {
|
|
18
|
+
const config = context.getDrawConfig();
|
|
19
|
+
const canvasWithBrush = context.canvas;
|
|
20
|
+
canvasWithBrush.freeDrawingBrush = new context.fabric.PencilBrush(context.canvas);
|
|
21
|
+
canvasWithBrush.freeDrawingBrush.width = config.brushSize;
|
|
22
|
+
canvasWithBrush.freeDrawingBrush.color = colorWithOpacity(config.color, config.opacity);
|
|
23
|
+
canvasWithBrush.freeDrawingBrush.strokeLineCap = config.lineCap;
|
|
24
|
+
canvasWithBrush.freeDrawingBrush.strokeLineJoin = config.lineJoin;
|
|
25
|
+
}
|
|
26
|
+
function markPathAsDrawAnnotation(context, path) {
|
|
27
|
+
const config = context.getDrawConfig();
|
|
28
|
+
const annotationId = context.getAnnotationCounter() + 1;
|
|
29
|
+
context.setAnnotationCounter(annotationId);
|
|
30
|
+
path.set({
|
|
31
|
+
selectable: config.selectable,
|
|
32
|
+
evented: config.evented,
|
|
33
|
+
opacity: config.opacity,
|
|
34
|
+
stroke: config.color,
|
|
35
|
+
strokeWidth: config.brushSize,
|
|
36
|
+
});
|
|
37
|
+
const annotation = markAnnotationObject(path, {
|
|
38
|
+
annotationId,
|
|
39
|
+
annotationType: 'draw',
|
|
40
|
+
annotationName: `${context.options.drawAnnotationName}${annotationId}`,
|
|
41
|
+
annotationHidden: config.annotationHidden,
|
|
42
|
+
annotationLocked: config.annotationLocked,
|
|
43
|
+
});
|
|
44
|
+
syncAnnotationRuntimeState(annotation);
|
|
45
|
+
return annotation;
|
|
46
|
+
}
|
|
47
|
+
function handlePathCreated(context, event) {
|
|
48
|
+
const path = event.path;
|
|
49
|
+
if (!path)
|
|
50
|
+
return;
|
|
51
|
+
const annotation = markPathAsDrawAnnotation(context, path);
|
|
52
|
+
placeAnnotationObject(context.canvas, annotation);
|
|
53
|
+
context.canvas.setActiveObject(annotation);
|
|
54
|
+
context.canvas.renderAll();
|
|
55
|
+
context.updateAnnotationList();
|
|
56
|
+
context.saveCanvasState();
|
|
57
|
+
const callbackContext = context.buildCallbackContext('enterDrawMode');
|
|
58
|
+
context.emitAnnotationsChanged(callbackContext);
|
|
59
|
+
context.emitImageChanged(callbackContext);
|
|
60
|
+
}
|
|
61
|
+
export function enterDrawMode(context) {
|
|
62
|
+
if (context.getDrawSession())
|
|
63
|
+
return;
|
|
64
|
+
if (!context.isImageLoaded())
|
|
65
|
+
return;
|
|
66
|
+
const { canvas } = context;
|
|
67
|
+
const canvasWithDrawing = canvas;
|
|
68
|
+
const previousDrawingMode = !!canvasWithDrawing.isDrawingMode;
|
|
69
|
+
const previousBrush = canvasWithDrawing.freeDrawingBrush;
|
|
70
|
+
const previousCanvasSelection = !!canvas.selection;
|
|
71
|
+
const previousDefaultCursor = canvas.defaultCursor;
|
|
72
|
+
canvas.selection = false;
|
|
73
|
+
canvas.defaultCursor = 'crosshair';
|
|
74
|
+
canvasWithDrawing.isDrawingMode = true;
|
|
75
|
+
configureBrush(context);
|
|
76
|
+
const callback = (event) => handlePathCreated(context, event);
|
|
77
|
+
canvas.on('path:created', callback);
|
|
78
|
+
const session = {
|
|
79
|
+
mode: 'draw',
|
|
80
|
+
previousDrawingMode,
|
|
81
|
+
previousBrush,
|
|
82
|
+
previousCanvasSelection,
|
|
83
|
+
previousDefaultCursor,
|
|
84
|
+
handlers: [{ eventName: 'path:created', callback }],
|
|
85
|
+
dispose: () => {
|
|
86
|
+
try {
|
|
87
|
+
canvas.off('path:created', callback);
|
|
88
|
+
}
|
|
89
|
+
catch {
|
|
90
|
+
}
|
|
91
|
+
canvasWithDrawing.isDrawingMode = previousDrawingMode;
|
|
92
|
+
canvasWithDrawing.freeDrawingBrush = previousBrush;
|
|
93
|
+
canvas.selection = previousCanvasSelection;
|
|
94
|
+
canvas.defaultCursor = previousDefaultCursor !== null && previousDefaultCursor !== void 0 ? previousDefaultCursor : 'default';
|
|
95
|
+
},
|
|
96
|
+
};
|
|
97
|
+
context.setDrawSession(session);
|
|
98
|
+
context.updateUi();
|
|
99
|
+
}
|
|
100
|
+
export function exitDrawMode(context) {
|
|
101
|
+
const session = context.getDrawSession();
|
|
102
|
+
if (!session)
|
|
103
|
+
return;
|
|
104
|
+
session.dispose();
|
|
105
|
+
context.setDrawSession(null);
|
|
106
|
+
context.canvas.requestRenderAll();
|
|
107
|
+
context.updateUi();
|
|
108
|
+
}
|
|
109
|
+
export function updateDrawBrush(context) {
|
|
110
|
+
if (!context.getDrawSession())
|
|
111
|
+
return;
|
|
112
|
+
configureBrush(context);
|
|
113
|
+
}
|
|
114
|
+
//# sourceMappingURL=draw-controller.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"draw-controller.js","sourceRoot":"","sources":["../../../src/annotation/draw-controller.ts"],"names":[],"mappings":"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"}
|