fix: correct offset issue with custom arrow

antvis · Oct 29, 2024 · dd6235d · dd6235d
1 parent 1cc1611
commit dd6235d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/packages/g6/__tests__/demos/element-edge-custom-arrow.ts b/packages/g6/__tests__/demos/element-edge-custom-arrow.ts
@@ -9,16 +9,16 @@ export const elementEdgeCustomArrow: TestCase = async (context) => {
         source: 'node1',
         target: 'node2',
         style: {
-          endArrowD: 'M0,0 L10,4 L14,14 L18,4 L28,0 L18,-4 L14,-14 L10,-4 Z',
-          endArrowOffset: 28,
+          endArrowD: 'M-14,0 L-4,-4 L0,-14 L4,-4 L14,0 L4,4 L0,14 L-4,4 Z',
+          endArrowOffset: 14,
         },
       },
       {
         id: 'custom-arrow-2',
         source: 'node3',
         target: 'node4',
         style: {
-          endArrowD: 'M 3,-5 L 3,5 L 15,10 L 15,-10 Z',
+          endArrowD: 'M -6,-5 L -6,5 L 6,10 L 6,-10 Z',
           endArrowOffset: 20,
         },
       },
@@ -53,6 +53,7 @@ export const elementEdgeCustomArrow: TestCase = async (context) => {
       type: 'grid',
       cols: 2,
     },
+    behaviors: ['drag-element'],
   });
 
   await graph.render();

diff --git a/packages/site/examples/element/custom-edge/demo/custom-arrow.js b/packages/site/examples/element/custom-edge/demo/custom-arrow.js
@@ -8,7 +8,7 @@ const data = {
       source: 'node1',
       target: 'node2',
       style: {
-        endArrowD: 'M0,0 L10,4 L14,14 L18,4 L28,0 L18,-4 L14,-14 L10,-4 Z',
+        endArrowD: 'M-14,0 L-4,-4 L0,-14 L4,-4 L14,0 L4,4 L0,14 L-4,4 Z',
         endArrowOffset: 14,
       },
     },