fix(ui): more PNG export resolution improvements

OctoConsulting · Sep 6, 2024 · 049fa5a · 049fa5a
1 parent f230e8d
commit 049fa5a
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/ui/src/components/options-menu/ExportPng.tsx b/ui/src/components/options-menu/ExportPng.tsx
@@ -6,7 +6,7 @@ import { forwardRef } from "react"
 import { getNodesBounds, getViewportForBounds } from "reactflow"
 import { useAppActions, useGetNodes } from "../../singletons/store"
 
-const IMAGE_PADDING = 200
+const SCALING_FACTOR = 1.20
 
 const downloadImage = (dataUrl: string) => {
   const a = document.createElement("a")
@@ -24,8 +24,8 @@ const ExportPng = forwardRef<HTMLElement>(
     const handleClick = () => {
       clearDiagramSelections()
       const nodeBounds = getNodesBounds(nodes)
-      const imageWidth = nodeBounds.width + IMAGE_PADDING
-      const imageHeight = nodeBounds.height + IMAGE_PADDING
+      const imageWidth = nodeBounds.width * SCALING_FACTOR
+      const imageHeight = nodeBounds.height * SCALING_FACTOR
       const transform = getViewportForBounds(
         nodeBounds,
         imageWidth,