antvis/G6


The issue has been closed
[v5] 增加 node 类型 ellipse 组件 #5399
hustcc posted onGitHub
AntV Open Source Contribution Plan(可选/Optional)
- 我同意将这个 Issue 参与 OSCP 计划 / I agree to participate in the OSCP plan
Issue 类型 / Issue Type
中级任务 / Intermediate Task
任务介绍 / Task Description
v5 将 node edge 重构成基于 G 的场景树方式,所以每一个 ui 都是属于 G 的组件(参考 React 中的概念)。
最终 ellipse 类型的 node 样式如下图所示:
参考 DEMO:https://g6-next.antv.antgroup.com/zh/examples/item/defaultNodes/#ellipse
参考说明 / Reference Description
具体实现上,可以参考 packages/g6/src/elements/nodes/circle.ts
circle 类型的 node,主要需要做几个事情:
- rect 实现,主要是集成 base-node,实现 keyShape 方法
- 完备的组件类型定义
- 集成测试