antvis / G6

♾ A Graph Visualization Framework in JavaScript.
https://g6.antv.antgroup.com/
MIT License
11k stars 1.3k forks source link

svg模式下箭头显示bug #2229

Closed qmzzmzmn closed 3 years ago

qmzzmzmn commented 3 years ago

Reproduction link

https://g6.antv.vision/zh/examples/tree/customItemTree

Steps to reproduce

设置renderer: 'svg'剪头就会显示错误

Environment Info
g6 3.8.0
System -
Browser -

image image

Yanyan-Wang commented 3 years ago

svg 箭头的自身坐标系与 canvas 的 x 方向相反,参考这个文档:https://g6.antv.vision/zh/docs/manual/middle/elements/edges/custom-edge#4-%E8%87%AA%E5%AE%9A%E4%B9%89%E7%AE%AD%E5%A4%B4

svg 的箭头相当于旧版本自定义箭头的坐标系(左图),canvas 在新版本中的坐标系如右图 image

qmzzmzmn commented 3 years ago

svg 箭头的自身坐标系与 canvas 的 x 方向相反,参考这个文档:https://g6.antv.vision/zh/docs/manual/middle/elements/edges/custom-edge#4-%E8%87%AA%E5%AE%9A%E4%B9%89%E7%AE%AD%E5%A4%B4

svg 的箭头相当于旧版本自定义箭头的坐标系(左图),canvas 在新版本中的坐标系如右图 image

这文档是不是加个标注啊,不然不知道

qmzzmzmn commented 3 years ago

fill参数失效,箭头没有填充

zhukai1991 commented 1 month ago

终于找到了问题