Fixed minimap on Safari, Chrome, etc

2021-04-15 14:06:33 +02:00
parent 1c239297de
commit 7781886dd7
2 changed files with 7 additions and 0 deletions
@@ -17,6 +17,8 @@ export interface MiniMapProps extends HTMLAttributes<SVGSVGElement> {
  maskColor?: string;
 }

+declare const window: any;
+
 const defaultWidth = 200;
 const defaultHeight = 150;

@@ -62,6 +64,7 @@ const MiniMap = ({
  const y = boundingRect.y - (viewHeight - boundingRect.height) / 2 - offset;
  const width = viewWidth + offset * 2;
  const height = viewHeight + offset * 2;
+  const shapeRendering = !!window.chrome ?  "crispEdges" : "geometricPrecision";

  return (
    <svg
@@ -86,6 +89,7 @@ const MiniMap = ({
            borderRadius={nodeBorderRadius}
            strokeColor={nodeStrokeColorFunc(node)}
            strokeWidth={nodeStrokeWidth}
+            shapeRendering={shapeRendering}
          />
        ))}
      <path