5-15 筆記 jtopo使用

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

起始節點/終止節點/連線的顏色