好用的在线画图工具自研组件开源计划

212 阅读3分钟

PDDON在线画图自研组件开源计划,第一版开发历时2年,核心技术完全自研,从前端到后台均自研,核心开发仅一人,全栈开发者,暂时还在迭代中,等项目稳定后,会抽空将一些自研组件和工具包进行开源,先来占坑,可以持续关注哦!

自研核心组件/工具包有:

  1. svg连线工具包(开源规划中)
  2. 组件拖动、尺寸调整工具包(开源规划中)
  3. 组件辅助线自动吸附对齐工具包(开源规划中)
  4. 组件旋转控制工具包(开源规划中)
  5. 组件分组控制工具包(开源规划中)
  6. 图片预览/裁剪工具包(开源规划中)
  7. 服务端API框架:popularmvc(已开源)

该项目的初衷源于最开始想做一款低代码平台,在使用第三方的画图工具包时,用起来十分蹩脚,灵活度不够,连线样式、事件控制等能力不足,所以后期自研了画线工具包,索性开发了一款完全自研的画图工具,目前PDDON在线画图第一版已经上线,支持绘制流程图、架构图、思维导图、UML、BPMN、网络拓扑图

、韦恩图、鱼骨图等,并且支持对象建模、数据库建模

、代码/脚本生成,提供了丰富的定制化绘图功能组件库,访问地址:pddon.com

市面上的在线画图工具实现原理有两种

  • 基于svg+html标签
  • 基于canvas进行绘制

PDDON在线画图使用了前者,基于svg,主要原因在于,svg支持原生事件,而且可以和其他html标签组合成更复杂的绘图组件,从易用性和实用性角度出发,采用了svg的方案。

PDDON在线画图页面

PDDON在线画图工作区

  • 架构图

  • 流程图

  • 状态图/活动图

  • 用例图

  • 时序图

  • 类图

  • 韦恩图

下面我带大家看看使用PDDON在线画图绘制的各种精美设计图

  • 架构图

  • 流程图

  • UML图

  • 其他绘图

那么pddon与其他常见画图软件

些区别呢?

  1. PDDON完全免费,但不同于其他免费软件,PDDON非常好用,而且一直在迭代更新,致力于提供更简单高效美观的绘图软件
  1. 服务
  2. pddon为每种类型绘图做了定制化功能增强,并非是纯图形绘制,技术层面采用模块化设计,在逻辑功能上进行增强,更易于使用,功能更灵活丰富
  3. 对程序员和设计者更友好,提供了低代码能力,自动生成SQL和代码节省了编码的时间,而且不易出错,能最大程度保持设计稿与代码的一致性
  4. 国人开发的,功能体验对国内用户更友好
  5. 提供了很多傻瓜式的智能操作功能,能自动调整绘图布局、快速一键切换连线、绘图风格等等
  6. 智能辅助绘图功能简化用户操作,对无绘图经验的用户更友好
  7. 近期刚推出1.0版本,广受用户喜爱,好评不断

总结

此项目历时2年,完全自研,付出过很多精力,熬过很多通宵,解决过无数难题和bug,同时也迸发了很多奇思妙想,并把它们付诸实践,十分感谢一路上支持我的亲人朋友与合作伙伴,给了我很多帮助和建议,相信PDDON在线画图会越做越好!

各位看客可以免费体验和使用,喜欢的话可以给个点赞、关注、收藏三连

在线画图地址: pddon.com

也可以关注微信公众号: PDDON在线画图

项目目前第一版刚上线不久,正在努力迭代中,后台框架popularmvc已开源,其他工具包开源工作正在筹备中,可以持续关注哦,谢谢支持!