因為工作關係，最近用到了拓撲圖，找了一溜工具後，發現了這個--jtopo，純國產而且免費
當然了如果你英文水平足夠好的話。也可以看看這些英文的做拓撲圖的工具，以下**出自知乎回答：開源html5 繪圖工具
回到jtopo上來，正jtopo首頁上說的那樣：給我一塊'布', 我能在上面畫出乙個美麗的軟體世界。
首先要在jsp頁面中加入畫布標籤：
下面看官網上的api文件，jtopo的核心物件有6個，分別是stage（舞台物件），scene（場景物件），node（節點物件），link（連線物件），container（容器物件），effect.animate（動畫效果）,下面挑每個物件值得注意的地方說一下1 stage：
1.1 mode屬性：
normal[預設]
可以點選選中單個節點（按住ctrl可以選中多個），點中空白處可以拖拽整個畫面
drag
該模式下不可以選擇節點，只能拖拽整個畫面
select
可以框選多個節點、可以點選單個節點
edit
在預設基礎上增加了：選中節點時可以通過6個控制點來調整節點的寬、高
1.2 add/remove（scene）函式：
將乙個場景加入到/移除出舞台效果
1.3 setcenter（x,y）函式：
設定舞台的中心座標點（舞台平移）
2 scene：
2.1 mode屬性和stage屬性一致
2.2 alpha屬性：場景的透明度
2.3 show()/hide() 函式：
表示場景的顯示/隱藏
2.4 add/remove(element)函式：
新增物件到當前場景/移除場景中的某個元素
2.5 findelements（code）函式：
查詢場景中的物件
3 node：
3.1 dragable/selected/editable/rotate屬性：
3.2 setimage（url）/setbound（x,y,width,height）函式：
設定節點的/座標和寬，高
4link：
nodea/nodez/style.strokecolor
起始節點/終止節點/連線的顏色
兩個簡單的示例：
1 建立隨機節點物件：
$(document).ready(function() );2 各種連線：
$(document).ready(function()// 簡單連線
function newlink(nodea, nodez, text, dashedpattern)
// 折線
function newfoldlink(nodea, nodez, text, direction, dashedpattern)
// 二次折線
function newflexionallink(nodea, nodez, text, direction, dashedpattern)
// 曲線
function newcurvelink(nodea, nodez, text)
var from = newnode(100, 60, 30, 30);
var to = newnode(300, 60, 30, 30);
var link = newlink(from, to, 'arrow', 5);
link.arrowsradius = 10;
var from = newnode(100, 120, 30, 30);
var to = newnode(300, 120, 30, 30);
var link = newlink(from, to, 'link');
var from = newnode(100, 200, 30, 30);
var to = newnode(200, 300, 30, 30);
var link = newfoldlink(from, to, 'foldlink');
var link = newfoldlink(to, from,'foldlink', 'vertical', 5);
var from = newnode(100, 300, 30, 30);
var to = newnode(200, 400, 30, 30);
var link = newfoldlink(from, to, 'foldlink', 'vertical');
var from = newnode(450, 250, 30, 30);
var to = newnode(400, 100, 30, 30);
var link = newflexionallink(from, to, 'flexlink1');
var from = newnode(600, 100, 30, 30);
var to = newnode(650, 200, 30, 30);
var link = newflexionallink(from, to, 'f', 'vertical', 2);
var from = newnode(450, 400, 30, 30);
var link = newlink(from, from, 'loop');
var from = newnode(550, 400, 30, 30);
var to = newnode(650, 300, 30, 30);
var link = newcurvelink(from, to, 'curve');
});
frameset 使用心得
欲明白本篇 html徹底剖析 之標記分類，請看 標記一覽 也請先明白圍堵標記與空標記的分別，請看 html概念 框架概念 謂框架便是網頁畫面分成幾個框窗，同時取得多個 url。只需要 即可，面所有框架標記需要放在乙個總起的 html 檔，這個檔案只記錄了該框架如何分割 不會顯示任何資料，所以不必放入...
Access使用心得
今天臨時用access做資料庫，長期用sql server開發習慣了，總結一下現在為止用到的比較大的差異，以後有新的再補了 1 返回字串長度 len s lenb s 前者返回字元數，後者返回位元組數，並且access中text型別字元統一為2位元組，與sql2000不同。2 join的使用 acc...
vmware使用心得
成功在winxp環境中安裝了vista business版本，反之，亦然。可以建立工作組網路連線了，虛擬機器也可以訪問網際網路了。安裝說明 在安裝嚮導中，無論使用哪種網路連線形式，都不影響正確安裝。安裝後，可以編輯本地機和虛擬機器之間的網路連線形式。需要注意三個細節問題 1 網絡卡要設定為 電源啟動...