Use polygon for cleaner filled triangle

timdp · Jun 4, 2020 · 4d49b25 · 4d49b25
1 parent 941e126
commit 4d49b25
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 5 deletions.
diff --git a/examples/concatAll.png b/examples/concatAll.png
diff --git a/examples/concatAll.svg b/examples/concatAll.svg
diff --git a/packages/swirly-renderer/src/arrow.ts b/packages/swirly-renderer/src/arrow.ts
@@ -37,12 +37,9 @@ export const renderArrow = (
     `${width},${y}`,
     `${width - arrowheadWidth},${y2}`
   ]
-  if (filled) {
-    points.push(points[0])
-  }
 
   $group.appendChild(
-    createElement(document, 'polyline', {
+    createElement(document, filled ? 'polygon' : 'polyline', {
       points: points.join(' '),
       fill: filled ? fillColor : 'none',
       stroke: arrowStyles.stroke_color!,