![](https://img-blog.csdnimg.cn/direct/292440c4f3ab4bfd9ccbb83d6bf9a733.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
svg-flow-editor流程图
文章平均质量分 96
原创 svg-flow-editor 流程图编辑器,底层使用typescript进行完整类型支持,同时使用vite进行打包构建,摈弃vue等框架的束缚,使其更容易融入大家的项目中。
~朴:shu
这个作者很懒,什么都没留下…
展开
-
Svg Flow Editor 原生svg流程图编辑器(五)
至此,该实现的功能基本上都已经具备雏形了,后面就不再更新文章咯,但是还是会持续更新这个库,大家有什么想法,需要什么BUG,都可以在git、文章下留言,我会持续关注大家的意见,维护这个库。即将发布的 1.0.15 版本,是1.0版本的最后一版,后续的版本将更替为 1.1 ,主要实现协同、相关工具类、以及关键的 history历史记录。目前市面上也有很多成熟的产品,做这个主要不是为了超越他们,而是熟悉流程图的底层实现、TypeScript的应用、以及主要的提升自我能力,望大家理性看待。原创 2024-04-07 19:39:44 · 1343 阅读 · 0 评论 -
Svg Flow Editor 原生svg流程图编辑器(四)
目前已经基本实现流程图的图形绘制、自定义icon 、文本输入,剩余的优化问题包括:1. 折线算法优化;2. 元件库拓展;3. 顶部菜单栏及相应 command API开发;4. ...大家可以下载包试试,有啥问题随时反馈改进哦。原创 2024-03-28 10:14:45 · 1519 阅读 · 0 评论 -
Svg Flow Editor 原生svg流程图编辑器(三)
本篇历时较久,原因是对项目进行了重构,使用mvp版本,不再使用单一 svg 实现整个元件的实现,而是使用div+svg的结构实现,使得旋转、层级处理上更加简单;目前旋转后,会导致一些位置异常问题,还有待深究,大家有好的想法,欢迎留言讨论呀,同时发布npm后,worker路径也会有问题,个人能力有限,如果大家有好的解决办法,可以分享下;下一篇的重点是实现折线的绘制,以及command API的完善。原创 2024-03-21 10:46:56 · 1232 阅读 · 0 评论 -
Svg Flow Editor 原生svg流程图编辑器(二)
目前实现的功能:1. 元件的创建、移动、形变;2. command API;3.eventBus listener 事件监听;4.register 自定义右键菜单; 5. 多实例化; 6. 文本创建与跟随。原创 2024-03-09 10:48:46 · 1323 阅读 · 0 评论 -
Svg Flow Editor 原生svg流程图编辑器(一)
svg flow editor 是一款流程图编辑器,提供了一系列流程图交互、编辑所必需的功能,支持前端研发自定义开发各种逻辑编排场景,如流程图、ER 图、BPMN 流程等。项目使用typescript与svg、canvas等技术进行搭建,脱离vue、react等框架的限制,使得用户更快、更轻松融合到自己的项目中。原创 2024-03-05 11:36:06 · 2065 阅读 · 1 评论