customized-fabric 1.4.5 → 1.4.6

package/lib/ImagePlaceholderObject/index.js

@@ -151,8 +151,8 @@ const ImagePlaceholderClass = fabric_1.fabric.util.createClass(fabric_1.fabric.G
                 skewX,
                 skewY,
                 opacity,
-                type: this.imageType ?? "",
-                color: this.imageColor ?? "",
+                type: this.imageType,
+                color: this.imageColor,
             };
         }
         else {
@@ -227,7 +227,7 @@ const ImagePlaceholderClass = fabric_1.fabric.util.createClass(fabric_1.fabric.G
                 const loadedImage = await (0, utils_1.loadImageFromUrl)(url);
                 if (loadedImage) {
                     const mask = await this.getMask();
-                    const { top, left, scaleX, width, angle } = data;
+                    const { top, left, scaleX, width, angle, color, type } = data;
                     const ratioWidth = (width * scaleX) / (clipPath.width * clipPath.scaleX);
                     const ratioPosition = this.width / clipPath.width;
                     loadedImage.scaleToWidth(ratioWidth * this.width);
@@ -238,7 +238,9 @@ const ImagePlaceholderClass = fabric_1.fabric.util.createClass(fabric_1.fabric.G
                         originX: "center",
                         originY: "center",
                         clipPath: mask,
-                        filters: this.imageFilters ?? [],
+                        filters: color && type
+                            ? (0, utils_1.getImageFilters)(type, { color })
+                            : this.imageFilters,
                     });
                     loadedImage.applyFilters();
                     return loadedImage;

package/lib/ImagePlaceholderObject/interfaces.d.ts

@@ -33,6 +33,8 @@ export interface IImageOptions {
         skewX: number;
         skewY: number;
         opacity: number;
+        color?: string;
+        type?: ImageFilterType;
     };
     clipPath: IClipPathOptions;
 }

package/package.json

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