Draw directional arrows

2019-07-09 04:19:09 +00:00
parent 311c32b2c5
commit a68471d1da
6 changed files with 154 additions and 71 deletions
--- a/arrows.svg
+++ b/arrows.svg
@@ -0,0 +1,46 @@
+<svg version="1.1"
+     baseProfile="full"
+     xmlns="http://www.w3.org/2000/svg"
+     style="display: none">
+  <style>
+/* <![CDATA[ */
+path.arrow {
+  stroke: var(--arrow-color, black);
+  fill: var(--arrow-color, black);
+  shape-rendering: geometricPrecision;
+}
+    /* ]]> */
+  </style>
+
+  <symbol id="a0" viewBox="0 0 100 100" preserveAspectRatio="none">
+    <path d="M 43,0   L 57,0   L  50,6   Z" class="arrow" />
+  </symbol>
+
+  <symbol id="a1" viewBox="0 0 100 100" preserveAspectRatio="none">
+    <path d="M 90,0   L 99,9   L  90,9   Z" class="arrow" />
+  </symbol>
+
+  <symbol id="a2" viewBox="0 0 100 100" preserveAspectRatio="none">
+    <path d="M 99,43  L 99,57  L  93,50  Z" class="arrow" />
+  </symbol>
+
+  <symbol id="a3" viewBox="0 0 100 100" preserveAspectRatio="none">
+    <path d="M 99,90  L 90,99  L  90,90  Z" class="arrow" />
+  </symbol>
+
+  <symbol id="a4" viewBox="0 0 100 100" preserveAspectRatio="none">
+    <path d="M 57,99  L 43,99  L  50,93  Z" class="arrow" />
+  </symbol>
+
+  <symbol id="a5" viewBox="0 0 100 100" preserveAspectRatio="none">
+    <path d="M  9,99  L  0,90  L   9,90  Z" class="arrow" />
+  </symbol>
+
+  <symbol id="a6" viewBox="0 0 100 100" preserveAspectRatio="none">
+    <path d="M  0,57  L 0,43   L   6,50  Z" class="arrow" />
+  </symbol>
+
+  <symbol id="a7" viewBox="0 0 100 100" preserveAspectRatio="none">
+    <path d="M  0,9   L  9,0   L   9,9   Z" class="arrow" />
+  </symbol>
+</svg>