gg-editor 中其实并不存在工具栏组件,但工具栏的本质是通过点击图标的方式,去执行一些操作图表的命令,因此,我们可以借助命令(Command)组件进行封装。

示例

可使用 CodeSandbox 直接导入查看

https://github.com/blueju/gg-editor/tree/master/examples/toolbar

注意

  1. 初次使用 Command 的人可能会很疑惑为什么 Command 下的标签为什么显示出来,查看 gg-editor 源码后发现,它会检测是否存在 graph,即画布,如果不存在,则 return null,并且无任何提示。因此使用 Command 组件时必须先存在画布,否则连 DOM 都显示不出来