fix: account for scale factor in layout resizing

rive-app · Oct 30, 2024 · bb07829 · bb07829
1 parent f9bad8b
commit bb07829
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/hooks/useRive.tsx b/src/hooks/useRive.tsx
@@ -85,10 +85,11 @@ export default function useRive(
     if (rive) {
       if (rive.layout && rive.layout.fit === Fit.Layout) {
         if (canvasElem) {
+          const resizeFactor = devicePixelRatio * rive.layout.layoutScaleFactor;
           // TODO (Gordon): expose these are properties on JS runtime
           (rive as any)._devicePixelRatioUsed = devicePixelRatio;
-          (rive as any).artboard.width = canvasElem?.width / devicePixelRatio;
-          (rive as any).artboard.height = canvasElem?.height / devicePixelRatio;
+          (rive as any).artboard.width = canvasElem?.width / resizeFactor;
+          (rive as any).artboard.height = canvasElem?.height / resizeFactor;
         }
       }