From f19389fbc5f8f697af0c3f2385a607aa6b5c0da3 Mon Sep 17 00:00:00 2001 From: Mitchell McCaffrey Date: Fri, 7 Aug 2020 14:05:55 +1000 Subject: [PATCH] Changed line joins to round for fog and drawing Avoids the long overhang with three sided fog shapes --- src/components/map/MapDrawing.js | 1 + src/components/map/MapFog.js | 1 + 2 files changed, 2 insertions(+) diff --git a/src/components/map/MapDrawing.js b/src/components/map/MapDrawing.js index 2f2da29..11c54df 100644 --- a/src/components/map/MapDrawing.js +++ b/src/components/map/MapDrawing.js @@ -188,6 +188,7 @@ function MapDrawing({ closed={shape.pathType === "fill"} fillEnabled={shape.pathType === "fill"} lineCap="round" + lineJoin="round" strokeWidth={getStrokeWidth( shape.strokeWidth, gridSize, diff --git a/src/components/map/MapFog.js b/src/components/map/MapFog.js index ad2e1da..96bc1df 100644 --- a/src/components/map/MapFog.js +++ b/src/components/map/MapFog.js @@ -316,6 +316,7 @@ function MapFog({ fill={colors[shape.color] || shape.color} closed lineCap="round" + lineJoin="round" strokeWidth={getStrokeWidth( shape.strokeWidth, gridSize,