控制面板　直書樹狀圖產生器 (div and svg) ver 04 (build 20180424_001)
四邊， 寬(純白)(px)=， 高(純白)(px)=， 高(線條)(px)=。 線條粗細(px)=。
內部留白= 字型大小= 採用字型= 刷新直書樹狀圖 隱藏控制面板
控制面板位置 手動移動。 X(px)=， Y(px)=。 移動
範例一 佛之<br />釋義 智者 一切智（知法總相）<!-- name:n01 --> 道種智（知法別相） 一切種智（通達總別） 覺者 覺察 對煩惱障 侵害如賊 覺賊無能 覺悟 對所知障 昏昧如睡 覺即分明<!-- name:n02 --> 範例二 佛學<br />難解 本身 複雜宇宙<!-- name:n11 --> 複雜人生 言語 宇宙說明 人生說明<!-- name:n12 --> <!-- type:summary parents:n01,n02 connUp:肘形v02 connDn:直線v01 padding:0 --> 自行 化他 行滿 <!-- type:summary parents:n11,n12 padding:0 --> 複雜即難說 難說自難解 說聽有方便 「信」依總相 「解」從別相

---

可攜式 html + css + svg。 複製到系統剪貼簿

---

• 屬性
  • 屬性用 "<!-- " " -->" 包夾，兩個屬性之間用半形空白間隔
  • 底下簡單列舉範例
  • name:John 摘要節點需要指向有名稱的節點，請注意，名稱要唯一
  • type:summary 代表此節點為摘要節點
  • parents:John,Marry,David,...... 摘要節點的上方節點名稱列表
  • connUp:直線v01、曲線v01、肘形v01(預設值)、直線v02、曲線v02、肘形v02 本節點與上方節點的連線形式
  • connDn:直線v01、曲線v01、肘形v01(預設值)、直線v02、曲線v02、肘形v02 本節點與下方節點的連線形式
  •   v01 是上下節點通通連線，v02 是上下節點只連最左邊與最右邊。
  • border:1px,solid,black 顯示黑色厚 1px 的邊框
  • padding:0.5em 內部留白 0.5em
• 授權
  • Vertical Tree Generator (div and svg) ver 04 is released under the GNU GPL Version 3.
• 輸出
  • html + css + svg 程式碼可以貼到別的網頁中(編碼請設定 utf-8)。
  • CutePDF，列印出 PDF，文字可以被搜尋。
  • 火狐 Full Webpage Screenshots Addon (FireShot)，輸出為 PDF 或 JPG，文字不可搜尋。
• CSS 直書指令
  • Chrome 48
  • Edge 12
  • Firefox 43
  • IE 9
  • Opera 15
• SVG 1.1 支援瀏覽器與版本
  • IE 11
  • Edge 16
  • Firefox 59
  • Chrome 65
  • Safari 11.1
  • iOS Safari 11.3
  • Opera Mini all
  • Chrome for Android 64
  • UC Browser for Android 11.8
  • Samsung Internet 6.2