revise arrow markers names and defs

Author: archmoj

src/components/drawing/symbol_defs.js

@@ -489,62 +489,74 @@ module.exports = {
             var rx = d3.round(r, 2);
             var ry = d3.round(r * 2, 2);
             return 'M0,0L-' + rx + ',' + ry + 'H' + rx + 'Z';
-        }
+        },
+        noDot: true
     },
     'arrow-down': {
         n: 46,
         f: function(r) {
             var rx = d3.round(r, 2);
             var ry = d3.round(r * 2, 2);
             return 'M0,0L-' + rx + ',-' + ry + 'H' + rx + 'Z';
-        }
+        },
+        noDot: true
     },
     'arrow-left': {
         n: 47,
         f: function(r) {
             var rx = d3.round(r * 2, 2);
             var ry = d3.round(r, 2);
             return 'M0,0L' + rx + ',-' + ry + 'V' + ry + 'Z';
-        }
+        },
+        noDot: true
     },
     'arrow-right': {
         n: 48,
         f: function(r) {
             var rx = d3.round(r * 2, 2);
             var ry = d3.round(r, 2);
             return 'M0,0L-' + rx + ',-' + ry + 'V' + ry + 'Z';
-        }
+        },
+        noDot: true
     },
-    'arrow-to-bar-up': {
+    'arrow-bar-up': {
         n: 49,
         f: function(r) {
             var rx = d3.round(r, 2);
             var ry = d3.round(r * 2, 2);
             return 'M-' + rx + ',0H' + rx + 'M0,0L-' + rx + ',' + ry + 'H' + rx + 'Z';
-        }
+        },
+        needLine: true,
+        noDot: true
     },
-    'arrow-to-bar-down': {
+    'arrow-bar-down': {
         n: 50,
         f: function(r) {
             var rx = d3.round(r, 2);
             var ry = d3.round(r * 2, 2);
             return 'M-' + rx + ',0H' + rx + 'M0,0L-' + rx + ',-' + ry + 'H' + rx + 'Z';
-        }
+        },
+        needLine: true,
+        noDot: true
     },
-    'arrow-to-bar-left': {
+    'arrow-bar-left': {
         n: 51,
         f: function(r) {
             var rx = d3.round(r * 2, 2);
             var ry = d3.round(r, 2);
             return 'M0,-' + ry + 'V' + ry + 'M0,0L' + rx + ',-' + ry + 'V' + ry + 'Z';
-        }
+        },
+        needLine: true,
+        noDot: true
     },
-    'arrow-to-bar-right': {
+    'arrow-bar-right': {
         n: 52,
         f: function(r) {
             var rx = d3.round(r * 2, 2);
             var ry = d3.round(r, 2);
             return 'M0,-' + ry + 'V' + ry + 'M0,0L-' + rx + ',-' + ry + 'V' + ry + 'Z';
-        }
+        },
+        needLine: true,
+        noDot: true
     }
 };

test/image/baselines/arrow-markers.png

@@ -14,22 +14,38 @@
                 },
                 "color": "yellow",
                 "size": [
+                    40,
+                    40,
+                    40,
+                    null,
                     40,
                     40,
                     40
                 ],
                 "symbol": [
                     0,
                     "arrow-up",
-                    "arrow-down"
+                    "arrow-down",
+                    null,
+                    100,
+                    145,
+                    146
                 ]
             },
             "x": [
                 0,
                 0,
-                0
+                0,
+                null,
+                1,
+                1,
+                1
             ],
             "y": [
+                0,
+                1,
+                -1,
+                null,
                 0,
                 1,
                 -1
@@ -49,22 +65,38 @@
                 },
                 "color": "yellow",
                 "size": [
+                    40,
+                    40,
+                    40,
+                    null,
                     40,
                     40,
                     40
                 ],
                 "symbol": [
                     0,
-                    "arrow-to-bar-up",
-                    "arrow-to-bar-down"
+                    "arrow-bar-up",
+                    "arrow-bar-down",
+                    null,
+                    100,
+                    149,
+                    150
                 ]
             },
             "x": [
                 0,
                 0,
-                0
+                0,
+                null,
+                1,
+                1,
+                1
             ],
             "y": [
+                0,
+                1,
+                -1,
+                null,
                 0,
                 1,
                 -1
@@ -86,22 +118,38 @@
                 },
                 "color": "yellow",
                 "size": [
+                    40,
+                    40,
+                    40,
+                    null,
                     40,
                     40,
                     40
                 ],
                 "symbol": [
                     0,
                     "arrow-right",
-                    "arrow-left"
+                    "arrow-left",
+                    null,
+                    100,
+                    148,
+                    147
                 ]
             },
             "y": [
                 0,
                 0,
-                0
+                0,
+                null,
+                1,
+                1,
+                1
             ],
             "x": [
+                0,
+                1,
+                -1,
+                null,
                 0,
                 1,
                 -1
@@ -123,22 +171,38 @@
                 },
                 "color": "yellow",
                 "size": [
+                    40,
+                    40,
+                    40,
+                    null,
                     40,
                     40,
                     40
                 ],
                 "symbol": [
                     0,
-                    "arrow-to-bar-right",
-                    "arrow-to-bar-left"
+                    "arrow-bar-right",
+                    "arrow-bar-left",
+                    null,
+                    100,
+                    152,
+                    151
                 ]
             },
             "y": [
                 0,
                 0,
-                0
+                0,
+                null,
+                1,
+                1,
+                1
             ],
             "x": [
+                0,
+                1,
+                -1,
+                null,
                 0,
                 1,
                 -1
@@ -149,7 +213,7 @@
     ],
     "layout": {
         "title": {
-            "text": "<b>arrow</b> and <b>arrow-to-bar</b> markers"
+            "text": "<b>arrow</b> and <b>arrow-bar</b> markers"
         },
         "showlegend": false,
         "width": 800,