@pixldocs/canvas-renderer 0.5.22 → 0.5.24

package/dist/index.cjs

@@ -12590,8 +12590,8 @@ class PixldocsRenderer {
               return;
             }
             const exportCanvas = document.createElement("canvas");
-            exportCanvas.width = sourceCanvas.width;
-            exportCanvas.height = sourceCanvas.height;
+            exportCanvas.width = Math.round(canvasWidth * pixelRatio);
+            exportCanvas.height = Math.round(canvasHeight * pixelRatio);
             const exportCtx = exportCanvas.getContext("2d");
             if (!exportCtx) {
               cleanup();
@@ -12599,10 +12599,10 @@ class PixldocsRenderer {
               return;
             }
             exportCtx.save();
-            exportCtx.scale(sourceCanvas.width / canvasWidth, sourceCanvas.height / canvasHeight);
+            exportCtx.scale(exportCanvas.width / canvasWidth, exportCanvas.height / canvasHeight);
             this.paintPageBackground(exportCtx, config.pages[pageIndex], canvasWidth, canvasHeight);
             exportCtx.restore();
-            exportCtx.drawImage(sourceCanvas, 0, 0);
+            exportCtx.drawImage(sourceCanvas, 0, 0, exportCanvas.width, exportCanvas.height);
             const mimeType = format === "jpeg" ? "image/jpeg" : format === "webp" ? "image/webp" : "image/png";
             const dataUrl = exportCanvas.toDataURL(mimeType, quality);
             cleanup();
@@ -12618,7 +12618,7 @@ class PixldocsRenderer {
         react.createElement(PreviewCanvas2, {
           config,
           pageIndex,
-          zoom: pixelRatio,
+          zoom: 1,
           absoluteZoom: true,
           onReady
         })
@@ -14546,19 +14546,21 @@ function convertTextDecorationsToLines(svg) {
       const fontFamily = tspan.getAttribute("font-family") || textEl.getAttribute("font-family") || "sans-serif";
       const fontWeight = tspan.getAttribute("font-weight") || textEl.getAttribute("font-weight") || "normal";
       const fill = tspan.getAttribute("fill") || textEl.getAttribute("fill") || "#000000";
-      let textWidth;
-      if (ctx) {
-        ctx.font = `${fontWeight} ${fontSize}px ${fontFamily.replace(/'/g, "")}`;
-        textWidth = ctx.measureText(content).width;
-      } else {
-        textWidth = content.length * fontSize * 0.6;
-      }
+      let textWidth = 0;
       if (typeof tspan.getComputedTextLength === "function") {
         try {
-          textWidth = Math.max(textWidth, tspan.getComputedTextLength());
+          textWidth = tspan.getComputedTextLength();
         } catch {
         }
       }
+      if (!Number.isFinite(textWidth) || textWidth <= 0) {
+        if (ctx) {
+          ctx.font = `${fontWeight} ${fontSize}px ${fontFamily.replace(/'/g, "")}`;
+          textWidth = ctx.measureText(content).width;
+        } else {
+          textWidth = content.length * fontSize * 0.6;
+        }
+      }
       const underlineY = y + fontSize * 0.15;
       const thickness = Math.max(0.5, fontSize * 0.066667);
       const line = doc.createElementNS("http://www.w3.org/2000/svg", "line");