From ef037d3de8e3e5eaeb6d074f1c2127da663d17b2 Mon Sep 17 00:00:00 2001
From: Ryan Di <ryan.weihao.di@gmail.com>
Date: Thu, 24 Oct 2024 15:39:19 +0800
Subject: [PATCH] fix: replace view box with clip path for pdf and server
 exports

---
 packages/excalidraw/renderer/staticSvgScene.ts | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/excalidraw/renderer/staticSvgScene.ts b/packages/excalidraw/renderer/staticSvgScene.ts
index f4781c0ce..31b6105b9 100644
--- a/packages/excalidraw/renderer/staticSvgScene.ts
+++ b/packages/excalidraw/renderer/staticSvgScene.ts
@@ -424,17 +424,17 @@ const renderElementToSvg = (
           if (element.crop) {
             const { width: uncroppedWidth, height: uncroppedHeight } =
               getUncroppedWidthAndHeight(element);
-
-            symbol.setAttribute(
-              "viewBox",
-              `${
-                element.crop.x / (element.crop.naturalWidth / uncroppedWidth)
-              } ${
-                element.crop.y / (element.crop.naturalHeight / uncroppedHeight)
-              } ${width} ${height}`,
-            );
             image.setAttribute("width", `${uncroppedWidth}`);
             image.setAttribute("height", `${uncroppedHeight}`);
+
+            image.setAttribute(
+              "transform",
+              `translate(${
+                -element.crop.x / (element.crop.naturalWidth / uncroppedWidth)
+              } ${
+                -element.crop.y / (element.crop.naturalHeight / uncroppedHeight)
+              })`,
+            );
           } else {
             image.setAttribute("width", "100%");
             image.setAttribute("height", "100%");