结论:
zrender是个好框架,但是文档和范例写的很烂,不友好。 它抽烟喝酒烫头,但却是个处。
1. zrender封装了一些canvas操作api,构成了自己的函数。
2. zrender里的基础元素是element, element可以绑定自己的交互事件和逻辑
3. 可以通过Group来打包多个element实体,构成节点。Group没有交互事件,需要自己绑定交互逻辑
3.1 Group是避免不了的
3.2 Group未必是个坏事
4. zrender对事件有一定的封装,目前比较好用的是event.stop(),这会阻止默认的事件和冒泡
5. 可以通过Group获取到子element, 通过element.attr()对子元素进行操作
一些面临的问题:
1. 如何处理Group和 Group之间的关系,以及联动元素的修改(如连接线的随动)
1.1 不同的Group如何注册关系,如何联系?
2. 界面基本单元是一个Group, Group和内部子元素之间如何处理对应关系,子元素的命名规则
3. 能否解决在canvas里实现文本输入,并获取文本输出到外部