@bensitu/image-editor 1.2.1 → 1.2.2
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 +12 -26
- package/dist/image-editor.esm.js +1325 -763
- package/dist/image-editor.esm.js.map +3 -3
- package/dist/image-editor.esm.min.js +3 -8
- package/dist/image-editor.esm.min.js.map +3 -3
- package/dist/image-editor.esm.min.mjs +3 -8
- package/dist/image-editor.esm.min.mjs.map +3 -3
- package/dist/image-editor.esm.mjs +1325 -763
- package/dist/image-editor.esm.mjs.map +3 -3
- package/dist/image-editor.js +1325 -763
- package/dist/image-editor.js.map +3 -3
- package/dist/image-editor.min.js +2 -7
- package/dist/image-editor.min.js.map +3 -3
- package/image-editor.d.ts +29 -7
- package/package.json +1 -1
- package/src/image-editor.js +1344 -729
package/image-editor.d.ts
CHANGED
|
@@ -124,6 +124,9 @@ declare module '@bensitu/image-editor' {
|
|
|
124
124
|
export interface Base64ExportOptions {
|
|
125
125
|
exportImageArea?: boolean;
|
|
126
126
|
multiplier?: number;
|
|
127
|
+
quality?: number;
|
|
128
|
+
fileType?: 'jpeg' | 'jpg' | 'png' | 'webp' | 'image/jpeg' | 'image/png' | 'image/webp';
|
|
129
|
+
format?: 'jpeg' | 'jpg' | 'png' | 'webp' | 'image/jpeg' | 'image/png' | 'image/webp';
|
|
127
130
|
}
|
|
128
131
|
|
|
129
132
|
export interface ImageFileExportOptions {
|
|
@@ -134,11 +137,22 @@ declare module '@bensitu/image-editor' {
|
|
|
134
137
|
fileName?: string;
|
|
135
138
|
}
|
|
136
139
|
|
|
140
|
+
export interface RemoveAllMasksOptions {
|
|
141
|
+
saveHistory?: boolean;
|
|
142
|
+
}
|
|
143
|
+
|
|
137
144
|
export class ImageEditor {
|
|
138
145
|
readonly options: ImageEditorOptions;
|
|
139
146
|
readonly canvas: Canvas | null;
|
|
147
|
+
readonly canvasElement: HTMLCanvasElement | null;
|
|
148
|
+
readonly containerElement: HTMLElement | null;
|
|
149
|
+
readonly placeholderElement: HTMLElement | null;
|
|
150
|
+
/** @deprecated Use canvasElement instead. */
|
|
140
151
|
readonly canvasEl: HTMLCanvasElement | null;
|
|
152
|
+
/** @deprecated Use containerElement instead. */
|
|
141
153
|
readonly containerEl: HTMLElement | null;
|
|
154
|
+
/** @deprecated Use placeholderElement instead. */
|
|
155
|
+
readonly placeholderEl: HTMLElement | null;
|
|
142
156
|
readonly originalImage: FabricImage | null;
|
|
143
157
|
readonly currentScale: number;
|
|
144
158
|
readonly currentRotation: number;
|
|
@@ -149,30 +163,38 @@ declare module '@bensitu/image-editor' {
|
|
|
149
163
|
constructor(options?: ImageEditorOptions);
|
|
150
164
|
|
|
151
165
|
init(idMap?: ElementIdMap): void;
|
|
152
|
-
loadImage(
|
|
166
|
+
loadImage(imageBase64: string): Promise<void>;
|
|
153
167
|
isImageLoaded(): boolean;
|
|
154
168
|
|
|
155
169
|
scaleImage(factor: number): Promise<void>;
|
|
156
170
|
rotateImage(degrees: number): Promise<void>;
|
|
171
|
+
resetImageTransform(): Promise<void>;
|
|
172
|
+
/** @deprecated Use resetImageTransform() instead. */
|
|
157
173
|
reset(): Promise<void>;
|
|
158
174
|
|
|
175
|
+
createMask(config?: MaskConfig): MaskObject | null;
|
|
176
|
+
/** @deprecated Use createMask() instead. */
|
|
159
177
|
addMask(config?: MaskConfig): MaskObject | null;
|
|
160
178
|
removeSelectedMask(): void;
|
|
161
|
-
removeAllMasks(): void;
|
|
179
|
+
removeAllMasks(options?: RemoveAllMasksOptions): void;
|
|
162
180
|
|
|
181
|
+
mergeMasks(): Promise<void>;
|
|
182
|
+
/** @deprecated Use mergeMasks() instead. */
|
|
163
183
|
merge(): Promise<void>;
|
|
164
184
|
downloadImage(fileName?: string): void;
|
|
165
|
-
|
|
166
|
-
|
|
185
|
+
exportImageBase64(options?: Base64ExportOptions): Promise<string>;
|
|
186
|
+
/** @deprecated Use exportImageBase64() instead. */
|
|
187
|
+
getImageBase64(options?: Base64ExportOptions): Promise<string>;
|
|
188
|
+
exportImageFile(options?: ImageFileExportOptions): Promise<File>;
|
|
167
189
|
|
|
168
190
|
enterCropMode(): void;
|
|
169
191
|
cancelCrop(): void;
|
|
170
192
|
applyCrop(): Promise<void>;
|
|
171
193
|
|
|
172
|
-
undo(): void
|
|
173
|
-
redo(): void
|
|
194
|
+
undo(): Promise<void>;
|
|
195
|
+
redo(): Promise<void>;
|
|
174
196
|
saveState(): void;
|
|
175
|
-
loadFromState(jsonString: string | object): void
|
|
197
|
+
loadFromState(jsonString: string | object): Promise<void>;
|
|
176
198
|
|
|
177
199
|
dispose(): void;
|
|
178
200
|
}
|