mxGraph程式設計之載入流程Xml資料顯示

2021-08-20 21:49:00 字數 740 閱讀 6556

最近因專案要求,研究了一下mxgraph的用法,總結了一些使用mxgraph的心得體會。

mxgraph自不必多言,史上最強大的web流程圖繪製外掛程式,沒有之一。mxgraph除了拖拽流程塊之外就是儲存各個流程塊之間關聯關係的資料,

mxgraph在儲存流程塊資料的時候,使用的是xml資料進行,在這個json滿天飛的現在,mxgraph還使用xml儲存資料確實稱得上是一種奇葩,不過,mxgraph的xml資料也是十分簡單並且易於解析的,因此解析它並轉換成我們需要的格式也是很容易的。當然,mxgraph既可以將流程塊的資料儲存為xml資料,也可以從xml資料中生成流程塊資料。所以有些時候,我們連解析xml都不需要。

mxgraph開發庫中有乙個mxcodec物件,可以很方便的對xml資料進行解析並顯示,mxcodec類的decode方法可以實現解析xml資料的功能

但是decode方法需要乙個documentelement的物件,如何生成呢?答案當然使用mxutil的par***ml方法生成node物件,然後獲取documentelement物件,然後送入decode方法,生成我們的流程圖

既然思路有了,**自然就出來了

var node = mxutil.par***ml('你的xml資料');

decoder = new mxcodec();

decoder.decode(node.documentelement, graph.getmodel)

注意:graph是你的mxgraph物件

Shader程式設計之渲染流程

一 圖形渲染與渲染流水線在計算機中的圖形渲染,給定乙個視點,和需要繪製的圖形的幾何頂點的幾何,然後通過一系列的數 算,然後轉換為計算機可以識別的資料最後顯示在二維的螢幕上。在我們生產手機的工廠中就有許多的流水線,流水線的每個階段都執行不同的功能,而在計算機圖形中我們也是將圖形的渲染分為幾個大的階段,...

0x3 1 so載入流程

system.loadlibrary dvmloadnativecode dlopen do dlopen 在linker.cpp中 set soinfo pool protection prot read 執行 void soinfo callconstructors void soinfo ca...

《js高階程式設計》之惰性載入

不同瀏覽器之間存在相容性問題,當一段 需要詢問瀏覽器是否相容時,需要使用if語句,如果是個事件觸發函式,那麼每次呼叫都需要執行一遍if語句,使用惰性載入可以使if語句執行一遍。原來函式 function addeven else if element.atachevent 方法一 函式覆蓋 func...