javascript/rive-react
1
0
Fork 0
mirror of https://github.com/rive-app/rive-react.git synced 2026-02-02 21:51:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: account for scale factor in layout resizing

Browse Source
This commit is contained in:
CI
2024-10-30 22:17:29 +01:00
committed by Gordon
parent f9bad8b62d
commit bb078296d0
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/hooks/useRive.tsx
View File

@@ -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;
}
}