直書樹狀圖產生器 Vertical Tree Generator (canvas)
節點編輯
輸入內容
參數設定與功能按鈕
進階範例參考
其他
選取節點    () (於圖表中某節點位置點擊左鍵，可讀取該節點的內容)
節點操作
節點樣式
連線樣式
文字操作
文字樣式
畫布操作
屬性名 屬性值 說明與輔助工具
type 節點類型
parents 父節點名稱 啟動捕捉=   捕捉節點名稱(max:100)
horzMovingByUp 依父節點水平移動 0.0 (最右) - 1.0 (最左)
horzMovingByDn 依子節點水平移動 0.0 (最右) - 1.0 (最左)
horzMovingByIdx 依索引水平移動 u 表 up，摘要節點適用。
d 表 down，標準節點與摘要節點皆適用。
索引值從 1 開始，由右而左計算。
例如 d3 代表對齊第三個子節點。
name 節點名稱 唯一值。  
舊名稱： 新名稱：  
屬性名 屬性值 說明與輔助工具
marginHeightSpaceUp 節點上方留白 (px)
marginHeightSpaceDn 節點下方留白 (px)
marginWidth 節點左右留白 (px)
borderWidth 節點邊框厚度 數值含單位。e.q. 3px, 6em, 9pt。
borderColor 節點邊框顏色
backgroundColor 節點背景顏色
padding 節點內部留白 數值含單位。e.q. 3px, 6em, 9pt。
屬性名 屬性值 說明與輔助工具
connUp 上方連線形式 v01 每個節點都連接。v02 僅連接第一個與最後一個節點。
connDn 下方連線形式 v01 每個節點都連接。v02 僅連接第一個與最後一個節點。
connUpColor 上方連線顏色
connDnColor 下方連線顏色
marginHeightLineUp 節點上方線高 (px)
marginHeightLineDn 節點下方線高 (px)
屬性名 屬性值 說明與輔助工具
wordsWrap 節點內部換行字數 數值。字數。
rotate 節點特殊文字旋轉
virtualHeightByWords 虛擬文字高度 數值。字數。
verticalAlign 垂直方向對齊方式
divColWidth 節點文字行寬 數值含單位。e.q. 16pt, 36px。(此為預設行寬，若文字寬度比此設定寬，則以文字寬度為準！)
屬性名 屬性值 說明與輔助工具
fontFamily 節點字型名稱 選單中若無您要的字型，請自行輸入字型名稱。
fontSize 節點字型大小 數值含單位。e.q. 3px, 6em, 9pt。
fontWeight 節點內部文字加粗
fontColor 節點內部文字顏色
屬性名 屬性值 說明與輔助工具
canvas 畫布指令 倘若不是為了挑戰(Mission Impossible)不可能的任務，請略過此功能操作！
absolute;(絕對位置)
relative;(相對位置)
notes, some words here;(註解)
translate, offsetX(px), offsetY(px);(游標平移)
line, lineColor, lineWidth(px), x1, y1, x2, y2, [line dash(可略)];
lineTo, lineColor, lineWidth(px), x, y, [direction(up/down/left/right), length(px),] end, [line dash(可略)];
bezierCurve, lineColor, lineWidth(px), x1, y1, x2, y2, x3, y3, x4, y4;(第二三點控制彎曲程度)
arc, lineColor, lineWidth(px), x1, y1, radius, degree1, degree2, [stroke/fill];
text, fontColor, fontWeight, fontSize, fontFamily, x1, y1, text;
verticalText, fontColor, fontWeight, fontSize, fontFamily, x1_center, y1, text(支援<br>,<br />,<空>), [rotateForSpecial(true/false)];
variable, variable_name, expression;
arrow, lineColor, lineWidth(px), x, y, length, angle(degree), radius, halfInnerAngle(degree), [arrowStyle(stick1/stick2/sticks/hollowTriangle/solidTriangle)];
支援函數 sin(degree), cos(degree)
  


另存圖片 (IE 請在圖上按右鍵，另存圖片。)
功能按鈕



同步月曆  
管理員 【 同步儲存   】


畫布節點
  • 整張畫布設定
    1. 畫布背景顏色=(不填代表透明)
  • 節點之間設定
    1. 連接線條粗細=(px)
  • 單一節點設定
    1. 節點左右留白=(px)
    2. 節點上下留白=(px)
    3. 節點上下線高=(px)
    4. 節點內部留白=(需要指定單位)
    5. 節點字型名稱=
    6. 節點字型大小=(需要指定單位)
    7. 節點內部文字加粗=
    8. 節點文字行寬=(需要指定單位)
  • 偵錯 swollen-box(紅色外框)
    偵錯 offset-box(藍色外框)
    追蹤節點(半透明框)
  • 快捷按鈕
控制面板
  1. 控制面板透明化
  2. 手動移動位置=(拖曳 or Ctrl+M)
  3. 面板左端座標=(px)
  4. 面板上端座標=(px)
佛學概要十四講表
佛說阿彌陀經要解
唯識簡介
月曆