mxGraph 开发样例展示


 前段时间用到mxGraph,主要用于将一款基于Eclipse开发的产品中的算法绘制功能移动到前端,最终在FF浏览器中运行出来的效果如下图所示:

由于mxGraph中文文档较少,学习的方式主要是基于官方Demo和API的方式:

  demo    http://jgraph.github.io/mxgraph/javascript/index.html

  API     http://jgraph.github.io/mxgraph/docs/js-api/files/index-txt.html

开发之初相对困难些,需要熟读API中用到的主要类,如:mxGraph, mxStyleSheet等,入手之后,开发起来就会快速很多!

前端采用DOJO+mxGraph完成,前者用到了DOJO的AJAX,从后台拿到需要绘制的节点和连接信息;

后台关于节点和连接的信息来自于XML文件,我自己写了一段代码,主要用于XML与JSON的互转;


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM