customized-fabric 1.3.8 → 1.4.0

package/lib/ImagePlaceholderObject/index.js

@@ -233,27 +233,29 @@ const ImagePlaceholderClass = fabric_1.fabric.util.createClass(fabric_1.fabric.G
                         originX: "center",
                         originY: "center",
                         clipPath: mask,
+                        filters: this.imageFilters ?? [],
                     });
+                    loadedImage.applyFilters();
                     return loadedImage;
                 }
             }
         }
     },
-    setImageType: function (type, options) {
+    setImageType: function (type) {
         this.imageType = type;
-        this.imageFilters = (0, utils_1.getImageFilters)(type, options);
-        this.imageObject && this.applyImageFilters(this.imageObject);
+        this.imageFilters = (0, utils_1.getImageFilters)(type, { color: this.imageColor });
     },
     setImageColor: function (color) {
         this.imageColor = color;
         this.imageFilters = (0, utils_1.getImageFilters)(this.imageType, { color });
-        this.imageObject && this.applyImageFilters(this.imageObject);
     },
     applyImageFilters: function (image) {
-        const imageFilters = this.imageFilters ?? [];
-        image.filters = imageFilters;
-        image.applyFilters();
-        this.canvas.renderAll();
+        if (image) {
+            const imageFilters = this.imageFilters ?? [];
+            image.filters = imageFilters;
+            image.applyFilters();
+            this.canvas.renderAll();
+        }
     },
 });
 const toImagePlaceholderObject = (imagePlaceholderObject) => {

package/package.json

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