customized-fabric 1.1.5 → 1.1.6

package/lib/ImagePlaceholderObject/index.d.ts

@@ -23,6 +23,6 @@ export default class ImagePlaceholder extends fabric.Group {
         width?: number;
         height?: number;
     }) => void;
-    toImageObject?: () => void;
+    toImageObject?: () => object;
     constructor(options?: IImagePlaceholderOptions);
 }

package/lib/ImagePlaceholderObject/index.js

@@ -97,8 +97,14 @@ const ImagePlaceholderClass = fabric_1.fabric.util.createClass(fabric_1.fabric.G
     getSettings: function (attribute) {
         return this.get(attribute);
     },
-    loadUploadedImage: async function (imageFile) {
-        const loadedImage = await (0, utils_1.loadImageFromFile)(imageFile);
+    loadUploadedImage: async function (image) {
+        let loadedImage = undefined;
+        if (image instanceof File) {
+            loadedImage = await (0, utils_1.loadImageFromFile)(image);
+        }
+        else if (typeof image == "string") {
+            loadedImage = await (0, utils_1.loadImageFromUrl)(image);
+        }
         const clipPath = new fabric_1.fabric.Rect({
             width: this.width,
             height: this.height,
@@ -106,18 +112,20 @@ const ImagePlaceholderClass = fabric_1.fabric.util.createClass(fabric_1.fabric.G
             left: this.left,
             absolutePositioned: true,
         });
-        loadedImage.set({
-            originX: "left",
-            originY: "top",
-            top: this.top,
-            left: this.left,
-            clipPath: clipPath,
-        });
-        this.fitImage(loadedImage);
-        this.uploadedImage = loadedImage;
-        const canvas = this?.canvas;
-        canvas?.add(this.uploadedImage);
-        canvas?.renderAll();
+        if (loadedImage) {
+            loadedImage.set({
+                originX: "left",
+                originY: "top",
+                top: this.top,
+                left: this.left,
+                clipPath: clipPath,
+            });
+            this.fitImage(loadedImage);
+            this.uploadedImage = loadedImage;
+            const canvas = this?.canvas;
+            canvas?.add(this.uploadedImage);
+            canvas?.renderAll();
+        }
         return this.uploadedImage;
     },
     removeUploadedImage: function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "customized-fabric",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "Customized fabric",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",