From 7721d1d217bdb066e357036c429ac3a7f922ec60 Mon Sep 17 00:00:00 2001 From: Mitchell McCaffrey Date: Fri, 13 Aug 2021 14:14:45 +1000 Subject: [PATCH] Fix transformer pixelation on windows --- src/components/konva/Transformer.tsx | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/components/konva/Transformer.tsx b/src/components/konva/Transformer.tsx index e7ec76d..363c016 100644 --- a/src/components/konva/Transformer.tsx +++ b/src/components/konva/Transformer.tsx @@ -46,8 +46,8 @@ function Transformer({ const transformerRef = useRef(null); - const [anchorScale, anchorScaleStatus] = useAnchorImage(192, scaleDark); - const [anchorRotate, anchorRotateStatus] = useAnchorImage(192, rotateDark); + const [anchorScale, anchorScaleStatus] = useAnchorImage(96, scaleDark); + const [anchorRotate, anchorRotateStatus] = useAnchorImage(96, rotateDark); useEffect(() => { if ( @@ -69,20 +69,20 @@ function Transformer({ middleLeft.fillPriority("pattern"); middleLeft.fillPatternImage(anchorScale); middleLeft.strokeEnabled(false); - middleLeft.fillPatternScaleX(-0.25); - middleLeft.fillPatternScaleY(0.25); + middleLeft.fillPatternScaleX(-0.5); + middleLeft.fillPatternScaleY(0.5); middleRight.fillPriority("pattern"); middleRight.fillPatternImage(anchorScale); middleRight.strokeEnabled(false); - middleRight.fillPatternScaleX(0.25); - middleRight.fillPatternScaleY(0.25); + middleRight.fillPatternScaleX(0.5); + middleRight.fillPatternScaleY(0.5); rotater.fillPriority("pattern"); rotater.fillPatternImage(anchorRotate); rotater.strokeEnabled(false); - rotater.fillPatternScaleX(0.25); - rotater.fillPatternScaleY(0.25); + rotater.fillPatternScaleX(0.5); + rotater.fillPatternScaleY(0.5); transformerRef.current.getLayer()?.batchDraw(); }