@bwp-web/canvas 0.6.0 → 0.6.1

package/dist/index.cjs

@@ -2259,14 +2259,62 @@ function serializeCanvas(canvas, options) {
       obj.set({ rx: base.rx, ry: base.ry });
     }
   });
+  const savedOrigins = /* @__PURE__ */ new Map();
+  canvas.forEachObject((obj) => {
+    if (obj.originX === "left" && obj.originY === "top") return;
+    savedOrigins.set(obj, {
+      originX: obj.originX,
+      originY: obj.originY,
+      left: obj.left ?? 0,
+      top: obj.top ?? 0
+    });
+    const leftTop = obj.getPositionByOrigin("left", "top");
+    obj.set({ originX: "left", originY: "top", left: leftTop.x, top: leftTop.y });
+  });
+  const bg = canvas.backgroundImage;
+  let savedBgOrigin = null;
+  if (bg instanceof import_fabric16.FabricImage && (bg.originX !== "left" || bg.originY !== "top")) {
+    savedBgOrigin = {
+      originX: bg.originX,
+      originY: bg.originY,
+      left: bg.left ?? 0,
+      top: bg.top ?? 0
+    };
+    const leftTop = bg.getPositionByOrigin("left", "top");
+    bg.set({ originX: "left", originY: "top", left: leftTop.x, top: leftTop.y });
+  }
+  const savedData = /* @__PURE__ */ new Map();
+  canvas.forEachObject((obj) => {
+    const base = strokeBaseMap.get(obj) ?? obj.strokeWidth;
+    if (base !== void 0 && base !== 0 && obj.data) {
+      savedData.set(obj, obj.data);
+      obj.data = {
+        ...obj.data,
+        strokeWidthBase: base
+      };
+    }
+  });
   const json = canvas.toObject(properties);
   delete json.backgroundColor;
+  json.backgroundFilters = {
+    opacity: getBackgroundContrast(canvas),
+    inverted: getBackgroundInverted(canvas)
+  };
   scaledWidths.forEach((scaled, obj) => {
     obj.strokeWidth = scaled;
   });
   appliedRadii.forEach((radii, obj) => {
     obj.set({ rx: radii.rx, ry: radii.ry });
   });
+  savedOrigins.forEach((saved, obj) => {
+    obj.set(saved);
+  });
+  if (savedBgOrigin && bg instanceof import_fabric16.FabricImage) {
+    bg.set(savedBgOrigin);
+  }
+  savedData.forEach((originalData, obj) => {
+    obj.data = originalData;
+  });
   return json;
 }
 async function loadCanvas(canvas, json, options) {