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