@pixldocs/canvas-renderer 0.3.23 → 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,17 +11081,20 @@ class PixldocsRenderer {
             }
             const prevVPT = fabricInstance.viewportTransform ? [...fabricInstance.viewportTransform] : void 0;
             const prevSvgVPT = fabricInstance.svgViewportTransformation;
-            const prevCanvasWidth = fabricInstance.width;
-            const prevCanvasHeight = fabricInstance.height;
+            const prevRetina = fabricInstance.enableRetinaScaling;
+            const prevWidth = fabricInstance.width;
+            const prevHeight = fabricInstance.height;
+            fabricInstance.viewportTransform = [1, 0, 0, 1, 0, 0];
+            fabricInstance.svgViewportTransformation = false;
+            fabricInstance.enableRetinaScaling = false;
             fabricInstance.setDimensions(
               { width: canvasWidth, height: canvasHeight },
               { cssOnly: false, backstoreOnly: false }
             );
-            fabricInstance.viewportTransform = [1, 0, 0, 1, 0, 0];
-            fabricInstance.svgViewportTransformation = false;
             const svgString = fabricInstance.toSVG();
+            fabricInstance.enableRetinaScaling = prevRetina;
             fabricInstance.setDimensions(
-              { width: prevCanvasWidth, height: prevCanvasHeight },
+              { width: prevWidth, height: prevHeight },
               { cssOnly: false, backstoreOnly: false }
             );
             if (prevVPT) fabricInstance.viewportTransform = prevVPT;
@@ -11111,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
         })