直書樹狀圖產生器 Vertical Tree Generator (canvas)

節點編輯 (於圖表中某節點位置點擊左鍵,可讀取該節點的內容)
選取節點      ()
屬性名 屬性值 說明與輔助工具
type 節點類型
parents 父節點名稱 啟動捕捉=   捕捉節點名稱(max:100)
connUp 上方連線形式 v01 每個節點都連接。v02 僅連接第一個與最後一個節點。
connDn 下方連線形式 v01 每個節點都連接。v02 僅連接第一個與最後一個節點。
connUpColor 上方連線顏色
connDnColor 下方連線顏色
horzMovingByUp 依父節點水平移動 0.0 (最右) - 1.0 (最左)
horzMovingByDn 依子節點水平移動 0.0 (最右) - 1.0 (最左)

name 節點名稱 唯一值。  
舊名稱: 新名稱:  
marginHeightSpaceUp 節點上方留白 (px)
marginHeightSpaceDn 節點下方留白 (px)
marginHeightLineUp 節點上方線高 (px)
marginHeightLineDn 節點下方線高 (px)
borderWidth 節點邊框厚度 數值含單位。e.q. 3px, 6em, 9pt。
borderColor 節點邊框顏色
backgroundColor 節點背景顏色
padding 節點內部留白 數值含單位。e.q. 3px, 6em, 9pt。
wordsWrap 節點內部換行字數 數值。字數。
fontFamily 節點字型名稱 選單中若無您要的字型,請自行輸入字型名稱。
fontSize 節點字型大小 數值含單位。e.q. 3px, 6em, 9pt。
fontWeight 節點內部文字加粗
fontColor 節點內部文字顏色
rotate 節點特殊文字旋轉
virtualHeightByWords 虛擬文字高度 數值。字數。
verticalAlign 垂直方向對齊方式

進階節點編輯
暫無!

輸入內容

另存圖片 (IE 請在圖上按右鍵,另存圖片。)
參數設定與功能按鈕
功能按鈕





畫布節點
  • 整張畫布設定
    1. 畫布背景顏色=(不填代表透明)
  • 節點之間設定
    1. 連接線條粗細=(px)
  • 單一節點設定
    1. 節點左右留白=(px)
    2. 節點上下留白=(px)
    3. 節點上下線高=(px)
    4. 節點內部留白=(需要指定單位)
    5. 節點字型名稱=
    6. 節點字型大小=(需要指定單位)
  • 偵錯 swollen-box(紅色外框)
    偵錯 offset-box(藍色外框)
控制面板
  1. 控制面板透明化
  2. 手動移動位置=
  3. 面板左端座標=(px)
  4. 面板上端座標=(px)

進階範例參考

其他