@pixldocs/canvas-renderer 0.3.22 → 0.3.24

package/dist/index.js

@@ -11038,6 +11038,14 @@ class PixldocsRenderer {
     });
   }
   // ─── Internal: capture SVG from a rendered Fabric canvas ───
+  //
+  // APPROACH: Use the SAME PreviewCanvas that renders perfect PNGs, then call
+  // Fabric's toSVG() on that canvas. This guarantees 100% layout parity —
+  // the SVG is a vector snapshot of exactly what's on screen.
+  //
+  // The trick: before calling toSVG(), we temporarily neutralize the viewport
+  // transform and retina scaling so Fabric emits coordinates in logical
+  // document space (e.g. 612x792) instead of inflated pixel space.
   captureSvgViaPreviewCanvas(config, pageIndex, canvasWidth, canvasHeight) {
     return new Promise(async (resolve, reject) => {
       const { PreviewCanvas: PreviewCanvas2 } = await Promise.resolve().then(() => PreviewCanvas$1);
@@ -11073,10 +11081,22 @@ class PixldocsRenderer {
             }
             const prevVPT = fabricInstance.viewportTransform ? [...fabricInstance.viewportTransform] : void 0;
             const prevSvgVPT = fabricInstance.svgViewportTransformation;
+            const prevRetina = fabricInstance.enableRetinaScaling;
+            const prevWidth = fabricInstance.width;
+            const prevHeight = fabricInstance.height;
             fabricInstance.viewportTransform = [1, 0, 0, 1, 0, 0];
             fabricInstance.svgViewportTransformation = false;
-            let svgString = fabricInstance.toSVG();
-            svgString = this.normalizeSvgDimensions(svgString, canvasWidth, canvasHeight);
+            fabricInstance.enableRetinaScaling = false;
+            fabricInstance.setDimensions(
+              { width: canvasWidth, height: canvasHeight },
+              { cssOnly: false, backstoreOnly: false }
+            );
+            const svgString = fabricInstance.toSVG();
+            fabricInstance.enableRetinaScaling = prevRetina;
+            fabricInstance.setDimensions(
+              { width: prevWidth, height: prevHeight },
+              { cssOnly: false, backstoreOnly: false }
+            );
             if (prevVPT) fabricInstance.viewportTransform = prevVPT;
             fabricInstance.svgViewportTransformation = prevSvgVPT;
             const page = config.pages[pageIndex];
@@ -11102,7 +11122,7 @@ class PixldocsRenderer {
           config,
           pageIndex,
           zoom: 1,
-          // 1:1 — no scaling for SVG capture
+          // 1:1 — no UI scaling for SVG capture
           absoluteZoom: true,
           onReady
         })