Changed line joins to round for fog and drawing

Avoids the long overhang with three sided fog shapes
2020-08-07 14:05:55 +10:00 · 2020-08-07 14:05:55 +10:00 · f19389fbc5
commit f19389fbc5
parent 239f377aef
2 changed files with 2 additions and 0 deletions
--- 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,
--- 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,