customized-fabric 1.5.4 → 1.5.6

package/lib/CurvedTextObject/index.js

@@ -140,13 +140,15 @@ const CurvedTextClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group,
     },
     setSizes: function (options) {
         const { width, height } = options;
-        if (width && width > this.textObject.__lineWidths) {
+        if (width) {
             this.set({ width });
-            this.textObject.set({ width });
+            this.rectObject.set({ width });
         }
-        if (height && height > this.textObject.height) {
+        if (height) {
             this.set({ height });
+            this.rectObject.set({ height });
         }
+        this.calculateTextPath(this.width, this.height);
         this.canvas?.renderAll?.();
     },
     setTextAttributes: function (options) {
@@ -177,10 +179,17 @@ const CurvedTextClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group,
         });
         this.pathObject = path;
         const pathInfo = fabric_1.fabric.util?.getPathSegmentsInfo?.(path.path);
+        const pathLength = pathInfo?.[(pathInfo?.length ?? 0) - 1]?.length;
         this.textObject.set({
             path,
-            pathLength: pathInfo?.[(pathInfo?.length ?? 0) - 1]?.length,
+            pathLength,
         });
+        const position = this.textObject.position;
+        if (position) {
+            this.textObject.set({
+                pathStartOffset: (position * pathLength) / 360,
+            });
+        }
     },
 });
 const toCurvedTextObject = (object) => {

package/lib/utils/svg.util.d.ts

@@ -1 +1,3 @@
+import { fabric } from "fabric";
 export declare const getEllipsePath: (rx: number, ry: number) => string;
+export declare const getPathLenght: (path: fabric.Path) => any;

package/lib/utils/svg.util.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getEllipsePath = void 0;
+exports.getPathLenght = exports.getEllipsePath = void 0;
+const fabric_1 = require("fabric");
 const getEllipsePath = (rx, ry) => {
     let output = `M 0,0`;
     output += `a ${rx},${ry} 0 0,1 0,${ry * -2}`;
@@ -9,3 +10,9 @@ const getEllipsePath = (rx, ry) => {
     return output;
 };
 exports.getEllipsePath = getEllipsePath;
+const getPathLenght = (path) => {
+    const pathInfo = fabric_1.fabric.util?.getPathSegmentsInfo?.(path.path);
+    const pathLength = pathInfo?.[(pathInfo?.length ?? 0) - 1]?.length;
+    return pathLength;
+};
+exports.getPathLenght = getPathLenght;

package/package.json

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