~朴：shu的博客

至此，该实现的功能基本上都已经具备雏形了，后面就不再更新文章咯，但是还是会持续更新这个库，大家有什么想法，需要什么BUG，都可以在git、文章下留言，我会持续关注大家的意见，维护这个库。即将发布的 1.0.15 版本，是1.0版本的最后一版，后续的版本将更替为 1.1 ，主要实现协同、相关工具类、以及关键的 history历史记录。目前市面上也有很多成熟的产品，做这个主要不是为了超越他们，而是熟悉流程图的底层实现、TypeScript的应用、以及主要的提升自我能力，望大家理性看待。

目前已经基本实现流程图的图形绘制、自定义icon 、文本输入，剩余的优化问题包括：1. 折线算法优化；2. 元件库拓展；3. 顶部菜单栏及相应 command API开发；4. ...大家可以下载包试试，有啥问题随时反馈改进哦。

本篇历时较久，原因是对项目进行了重构，使用mvp版本，不再使用单一 svg 实现整个元件的实现，而是使用div+svg的结构实现，使得旋转、层级处理上更加简单；目前旋转后，会导致一些位置异常问题，还有待深究，大家有好的想法，欢迎留言讨论呀，同时发布npm后，worker路径也会有问题，个人能力有限，如果大家有好的解决办法，可以分享下；下一篇的重点是实现折线的绘制，以及command API的完善。

目前实现的功能：1. 元件的创建、移动、形变；2. command API；3.eventBus listener 事件监听；4.register 自定义右键菜单； 5. 多实例化； 6. 文本创建与跟随。

svg flow editor 是一款流程图编辑器，提供了一系列流程图交互、编辑所必需的功能，支持前端研发自定义开发各种逻辑编排场景，如流程图、ER 图、BPMN 流程等。项目使用typescript与svg、canvas等技术进行搭建，脱离vue、react等框架的限制，使得用户更快、更轻松融合到自己的项目中。