fix: exclude Graphic padding from paddingColor

spatialnetworkslab · Mar 16, 2020 · 756205f · 756205f
1 parent 8be1aaa
commit 756205f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/src/components/Core/Section/Section.svelte b/src/components/Core/Section/Section.svelte
@@ -212,8 +212,10 @@
 <defs>
   <mask id={`mask-${sectionId}-padding-bg`}>
     <rect
-      width="100%"
-      height="100%"
+      x={Math.min(scaledCoordinates.x1, scaledCoordinates.x2)}
+      y={Math.min(scaledCoordinates.y1, scaledCoordinates.y2)}
+      width={Math.abs(scaledCoordinates.x2 - scaledCoordinates.x1)}
+      height={Math.abs(scaledCoordinates.y2 - scaledCoordinates.y1)}
       fill="white" />
     <rect
       x={Math.min(...rangeX)}

diff --git a/test/sandbox/src/examples/SelectPolygon.svelte b/test/sandbox/src/examples/SelectPolygon.svelte
@@ -75,7 +75,7 @@
   let highlightLine
 </script>
 
-<Graphic width={500} height={500}>
+<Graphic width={500} height={500} padding={30}>
 
   <Section
     bind:this={section}

diff --git a/test/sandbox/src/examples/SelectRectangle.svelte b/test/sandbox/src/examples/SelectRectangle.svelte
@@ -79,11 +79,10 @@
   let highlightLine
 </script>
 
-<Graphic width={500} height={500}>
+<Graphic width={500} height={500} padding={30}>
 
   <Section
     bind:this={section}
-    padding={30}
     scaleX={scaleLinear().domain([0, 10])}
     scaleY={scaleLinear().domain([0, 10])}
     {onMousedown}