mxGraph 1.7.15图形编辑组件
mxGraph 的图形编辑能力真不是盖的，尤其是配合 mxClient 1.7.15 这个版本，调试起来更是省心。它主要拿来做在线流程图、UML、网络拓扑图这些图形化场景，挺适合前端要搞可视化编辑的项目。mxGraph 基于 JavaScript，核心是SVG和VML渲染，图像清晰、缩放不卡顿，体验上确实不错。
mxClient 的调试版本做得挺细，比如专门搞了mxClient-1.7.1.5_debug_firefox.js、_chrome.js和_ie.js，兼容性考虑得周到。用这些调试文件时，错误信息一目了然，日志也清楚，排查问题效率高。
图形交互方面，支持拖拽、连接线、撤销重做这些操作，体验跟桌面端编辑器差不多。你可以用mxConnectionHandler连接线，用mxGraph.insertVertex()添加节点，简单好用。
内部架构上是典型的MVC模式，数据和 UI 逻辑分得清，维护起来不容易出错。如果你要扩展功能，比如加点定制行为，直接重写一些方法就行，比如覆写createEdge()或getTooltipForCell()。
另外，它还支持JSON格式的数据交换，用来做持久化或者远程加载都挺方便。如果你项目里用的是 Vue 或 React，建议把图形部分单独封装成组件，解耦更好维护。
提醒一句，开发时用调试版本方便查 bug，部署上线前别忘了换成压缩版，减少加载体积。如果你正好在搞图形编辑器，这套库确实值得一试。
文件大小：429.48KB
评论区