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