customized-fabric 1.6.6 → 1.6.8

package/lib/ClipartObject/constants.js

@@ -5,8 +5,8 @@ exports.CLIPART_OBJECT_ATTRIBUTES = {
     name: "Clipart",
     type: "CLIPART",
     stroke: {
-        stroke: "#000000",
+        stroke: "#333",
         strokeDashArray: [5, 5],
-        strokeWidth: 2,
+        strokeWidth: 1,
     },
 };

package/lib/CurvedTextObject/constants.js

@@ -6,9 +6,9 @@ exports.CURVED_TEXT_OBJECT_ATTRIBUTES = {
     type: "CURVED_TEXT",
     maxFontSize: 200,
     stroke: {
-        stroke: "#000000",
+        stroke: "#333",
         strokeDashArray: [5, 5],
-        strokeWidth: 2,
+        strokeWidth: 1,
     },
 };
 exports.PARENT_ATTRIBUTES = ["top", "left", "width", "height", "angle"];

package/lib/ImagePlaceholderObject/constants.js

@@ -5,9 +5,9 @@ exports.IMAGE_PLACEHOLDER_OBJECT_ATTRIBUTES = {
     name: "Image placeholder",
     type: "IMAGE_PLACEHOLDER",
     stroke: {
-        stroke: "#000000",
+        stroke: "#333",
         strokeDashArray: [5, 5],
-        strokeWidth: 2,
+        strokeWidth: 1,
     },
 };
 exports.IMAGE_FILTER_TYPES = {

package/lib/ImagePlaceholderObject/index.d.ts

@@ -50,5 +50,6 @@ export default class ImagePlaceholder extends fabric.Group {
     setImageType?: (type: ImageFilterType) => void;
     setImageColor?: (color: string) => void;
     applyImageFilters?: (image: fabric.Image | undefined) => void;
+    fitImage?: (image: fabric.Image, cover?: boolean) => void;
     constructor(options?: IImagePlaceholderOptions);
 }

package/lib/ImagePlaceholderObject/index.js

@@ -96,13 +96,20 @@ const ImagePlaceholderClass = fabric_1.fabric.util.createClass(fabric_1.fabric.G
         this.fitImage(this.imageObject);
         this.canvas?.renderAll?.();
     },
-    fitImage: function (image) {
+    fitImage: function (image, cover = false) {
         if (image) {
             const imageScaleX = this.width / (image?.width ?? 1);
             const imageScaleY = this.height / (image?.height ?? 1);
-            imageScaleX > imageScaleY
-                ? image.set({ scaleX: imageScaleY, scaleY: imageScaleY })
-                : image.set({ scaleX: imageScaleX, scaleY: imageScaleX });
+            if (cover) {
+                imageScaleX < imageScaleY
+                    ? image.set({ scaleX: imageScaleY, scaleY: imageScaleY })
+                    : image.set({ scaleX: imageScaleX, scaleY: imageScaleX });
+            }
+            else {
+                imageScaleX > imageScaleY
+                    ? image.set({ scaleX: imageScaleY, scaleY: imageScaleY })
+                    : image.set({ scaleX: imageScaleX, scaleY: imageScaleX });
+            }
         }
     },
     getSettings: function (attribute) {
@@ -128,7 +135,7 @@ const ImagePlaceholderClass = fabric_1.fabric.util.createClass(fabric_1.fabric.G
             if (index >= 0) {
                 canvas.insertAt(loadedImage, index, false);
             }
-            this.fitImage(this.uploadedImage);
+            this.fitImage(this.uploadedImage, true);
             this.applyImageFilters(this.uploadedImage);
             canvas?.renderAll();
         }

package/lib/TextInputObject/constants.js

@@ -6,9 +6,9 @@ exports.TEXT_INPUT_OBJECT_ATTRIBUTES = {
     type: "TEXT_INPUT",
     maxFontSize: 200,
     stroke: {
-        stroke: "#000000",
+        stroke: "#333",
         strokeDashArray: [5, 5],
-        strokeWidth: 2,
+        strokeWidth: 1,
     },
 };
 exports.PARENT_ATTRIBUTES = ["top", "left", "width", "height", "angle"];

package/lib/utils/index.js

@@ -211,8 +211,8 @@ exports.asyncGetObject = asyncGetObject;
 fabric_1.fabric.Object.prototype.transparentCorners = false;
 fabric_1.fabric.Object.prototype.cornerColor = "transparent";
 fabric_1.fabric.Object.prototype.cornerStyle = "circle";
-fabric_1.fabric.Object.prototype.cornerStrokeColor = "black";
-fabric_1.fabric.Object.prototype.borderColor = "black";
+fabric_1.fabric.Object.prototype.cornerStrokeColor = "#3b75cf";
+fabric_1.fabric.Object.prototype.borderColor = "#3b75cf";
 fabric_1.fabric.Group.prototype.originX = "center";
 fabric_1.fabric.Group.prototype.originY = "center";
 fabric_1.fabric.ActiveSelection.prototype.originX = "center";

package/package.json

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