| 圖片檔案： |
| 屬性中文名稱 | 屬性英文名稱 | 屬性數值 | 內容說明與快捷功能 |
|---|---|---|---|
| 節點名稱 | 每個節點的名稱都是唯一的，不重複。 | ||
| 親代列表 | 收集節點使用。將親代節點名稱用半型逗號分隔開來。 | ||
| 依靠列表 | 浮動節點使用。將依靠節點名稱用半型逗號分隔開來。 | ||
| 依親水平比例 | 右邊0，左邊1 | ||
| 依親垂直比例 | 上邊0，下邊1 | ||
| 水平位移 | 需要加上單位 | ||
| 垂直位移 | 需要加上單位 | ||
| 小畫家(前) | 整個用雙引號包夾，指令用;分隔，每行參數用,分隔。 (在所有節點繪製前，先行繪製) | ||
| 小畫家(後) | 整個用雙引號包夾，指令用;分隔，每行參數用,分隔。 (在所有節點繪製後，再行繪製) |
| 屬性中文名稱 | 屬性英文名稱 | 屬性數值 | 內容說明與快捷功能 |
|---|---|---|---|
| 字型名稱 | 可以用逗號分隔多個字型名稱，若名稱中有空白，請用雙引號包夾起來。 | ||
| 字型大小 | 除CSS可接受的單位(px, pt, em, ......)之外，還可用 ut 為單位。 | ||
| 字型粗細 | normal(預設) /bold /lighter /bolder /100 /...... /900 | ||
| 字型樣式 | normal(預設) /italic /oblique /...... | ||
| 字型前景顏色 | 。 "rgba(0,0,0,0)" 代表透明。 | ||
| 字型背景顏色 | 。 "" 代表不用著色 |
| 屬性中文名稱 | 屬性英文名稱 | 屬性數值 | 內容說明與快捷功能 |
|---|---|---|---|
| 文字順時針旋轉增加度數 | 0(預設) /90 /180 /270 | ||
| 特殊文字順時針旋轉增加度數 | 0(不旋轉) /90(預設) | ||
| 特殊文字 | 這些文字，預設會在直書的時候自動旋轉。 | ||
| 對稱文字啟用 | true /false(預設) | ||
| 對稱文字 | 對稱文字會動態替換再顯示出來。 | ||
| 非頂文字啟用 | true(預設) /false | ||
| 非頂文字 | 中文直書習慣，這些字不能當第一個字。 | ||
| 最小文字寬度 | 旋轉後，最少需要保留的寬度。須要填寫單位(ut, px, pt, em, ......)。 | ||
| 最小文字高度 | 旋轉後，最少需要保留的高度。須要填寫單位(ut, px, pt, em, ......)。 | ||
| 文字最小行寬 | 1ut(預設)。若有注音符號，可以試試1.5ut或是2ut。 | ||
| 最大垂直字數 | 每行最多字數。0 代表不限制。超過此設定就換下一行。 | ||
| 最小水平字數 | 節點最小寬度，以字數計；當內容寬度不足此設定時，內容寬度將自動增加至此設定值。0 代表不限制。 | ||
| 最小垂直字數 | 節點最小高度，以字數計；當內容高度不足此設定時，內容高度將自動增加至此設定值。0 代表不限制。 | ||
| 水平對齊 |
節點內文字的水平對齊方式 left /right /center(預設) /justify(分散) |
||
| 垂直對齊 |
節點內文字的垂直對齊方式 top(預設) /bottom /center /justify(分散) |
||
| 節點背景顏色 | 。 "" 代表不用著色 |
| 屬性中文名稱 | 屬性英文名稱 | 屬性數值 | 內容說明與快捷功能 |
|---|---|---|---|
| 節點內部上方留白 | 0.2ut(預設) | ||
| 節點內部下方留白 | 0.2ut(預設) | ||
| 節點內部左方留白 | 0.2ut(預設) | ||
| 節點內部右方留白 | 0.2ut(預設) | ||
| 節點內部留白顏色 | 。 "" 代表不用著色 | ||
| 節點外部上方留白 | 0(預設) | ||
| 節點外部下方留白 | 0(預設) | ||
| 節點外部左方留白 | 0.2ut(預設) | ||
| 節點外部右方留白 | 0.2ut(預設) | ||
| 節點外部留白顏色 | 。 "" 代表不用著色 | ||
| 屬性中文名稱 | 屬性英文名稱 | 屬性數值 | 內容說明與快捷功能 |
|---|---|---|---|
| 上方邊框線寬 | 0(預設) (0代表沒有邊框) | ||
| 下方邊框線寬 | 0(預設) | ||
| 左方邊框線寬 | 0(預設) | ||
| 右方邊框線寬 | 0(預設) | ||
| 上方邊框顏色 | 。 black(預設) | ||
| 下方邊框顏色 | 。 black(預設) | ||
| 左方邊框顏色 | 。 black(預設) | ||
| 右方邊框顏色 | 。 black(預設) |
| 屬性中文名稱 | 屬性英文名稱 | 屬性數值 | 內容說明與快捷功能 |
|---|---|---|---|
| 上方一半線高 | 1ut(預設) | ||
| 上方線條寬度 | 收集節點適用。0.05ut(預設)。 | ||
| 上方線條顏色 | 。 收集節點適用。black(預設)。 | ||
| 上方連線形式 | 收集節點適用。 上垂下平 /上平下垂 /直線 /曲線 /上垂下直 /上直下垂 /肘形(預設) /虛無(就是不畫連線了)。 | ||
| 上方連線虛實 | 收集節點適用。"" 代表實線，0.2ut,0.2ut 代表虛線 | ||
| 上方連線對象 | 收集節點適用。 all(預設) /headtail /white,索引值1,索引值2,...... /black,索引值1,索引值2,......。(索引值以1為基底，從右到左。) | ||
| 下方一半線高 | 標準節點、收集節點適用。1ut(預設)。 | ||
| 下方線條寬度 | 標準節點、收集節點適用。0.05ut(預設)。 | ||
| 下方線條顏色 | 。 標準節點、收集節點適用。black(預設)。 | ||
| 下方連線形式 | 標準節點、收集節點適用。 上垂下平 /上平下垂 /直線 /曲線 /上垂下直 /上直下垂 /肘形(預設) /虛無(就是不畫連線了)。 | ||
| 下方連線虛實 | 標準節點、收集節點適用。"" 代表實線，5px,5px 代表虛線。 | ||
| 下方連線對象 | 標準節點、收集節點適用。 all(預設) /headtail /white,索引值1,索引值2,...... /black,索引值1,索引值2,......。(索引值以1為基底，從右到左。) | ||
| 屬性中文名稱 | 屬性英文名稱 | 屬性數值 | 內容說明與快捷功能 |
|---|---|---|---|
| 節點水平定位方式 | byVector(依向量) /byIndex(依索引) /byDefault(為子代節點的水平中間，也就是d0.5) /byNearest(依最近) | ||
| 節點水平定位參考 | ""。 u /d (u看親代，d看子代) | ||
| 節點水平定位數值 |
byVector(依向量，右邊為0，左邊為1，也可以為負數 :p)(u/d) byIndex(依索引，從右到左，從1開始起算)(u/d) byDefault(為0.5，右邊為0，左邊為1)(d0.5) byNearest(0.00~1.00，可設為0.2。在設定的比例裡面，自動對齊最接近的節點。)(u/d) |
||
| 節點垂直定位方式 | none(預設) /ref | ||
| 節點垂直定位參考列表 | ""。對齊其他節點高度，可用逗號分隔節點名稱，以最低者為準。 |
| 文件 | 文字 | 空白文字 | (連續的半型空白) |
| 一般文字 | |||
| (特別文字)小於符號 | << | ||
| (特別文字)半型空白 | <e> | ||
| (特別文字)全型空白 | <空> | ||
| (特別文字)零寬零高 | <null> | ||
| 換行文字 | <br> 或 <br /> | ||
| 注音文字 | <jytxt word:...> <jytxt word:... jy:...> 範例：<jytxt word:象 jy:ㄒㄧㄤˋ> |
||
| 卦象文字 | <guatxt num:...> <guatxt num:... jy:...> 由上而下，兩槓是2，一槓是1，叉叉是x, 圈圈是o。 範例：<guatxt num:222122 jy:ㄑ一ㄢ> |
||
| 數字文字 | <numtxt num:... jy:... lr:...> jy與lr是可以選填的 lr代表在數字的左右兩邊文字 範例：<numtxt num:38 lr:()> |
||
| 圖片文字 |
<imgtxt src:...> <imgtxt src:... jy:...> 範例：<imgtxt src:a.jpg> (要先將所有圖片選取起來) 範例：<imgtxt src:"data:image/jpeg;base64,......"> |
||
| 就近文字 | 設定 <near ...> 取消 <near -...> 範例(設定)：<near fontColor:red> 範例(取消)：<near -fontColor:""> |
||
| 設定 | 節點設定 | <nodeStd ......> 標準節點 | |
| <nodeGat ......> 收集節點 | |||
| <nodeFlt ......> 浮動節點 | |||
| 文件設定 | <doc ......> | ||
| 介面設定 | (UI設定區塊) | ||
| 系統設定 | (系統預設值) |
| 屬性中文名稱 | 屬性英文名稱 | 屬性數值 | 內容說明與快捷功能 |
|---|---|---|---|
| 單位尺寸數值 | 20(預設) 若用 ut 為單位，之後放大縮小時，只要改此數值即可。 |
||
| 單位尺寸單位 | px(預設) 1ut=20px。 |
||
| 節點名稱 | 每個節點的名稱都是唯一的，不重複。 | ||
| 親代列表 | 收集節點使用。將親代節點名稱用半型逗號分隔開來。 | ||
| 依靠列表 | 浮動節點使用。將依靠節點名稱用半型逗號分隔開來。 | ||
| 依親水平比例 | 右邊0，左邊1 | ||
| 依親垂直比例 | 上邊0，下邊1 | ||
| 水平位移 | 需要加上單位 | ||
| 垂直位移 | 需要加上單位 | ||
| 小畫家(前) | 整個用雙引號包夾，指令用;分隔，每行參數用,分隔。(在所有節點繪製前，先行繪製) | ||
| 小畫家(後) | 整個用雙引號包夾，指令用;分隔，每行參數用,分隔。(在所有節點繪製後，再行繪製) | ||
| 圖片來源 | 繪製圖形前，請先選取同一層資料夾的檔案們！ | ||
| 注音文字 | 中文字 | ||
| 注音符號 | 例如：ㄍㄨㄛˊ | ||
| 卦象文字代碼 | 1表一條長槓，2表兩條短槓。謙卦是222122。 | ||
| 數字文字代碼 | 可以是阿拉伯數字，可以是甲乙丙等中文字 | ||
| 數字文字兩邊符號 | 可以用[],<>,{},(),...... |
| 屬性中文名稱 | 屬性英文名稱 | 屬性數值 | 內容說明與快捷功能 |
|---|---|---|---|
| 字型名稱 | 可以用逗號分隔多個字型名稱，若名稱中有空白，請用雙引號包夾起來。 | ||
| 字型大小 | 除CSS可接受的單位(px, pt, em, ......)之外，還可用 ut 為單位。 | ||
| 字型粗細 | normal(預設)/bold/lighter/bolder/100/....../900 | ||
| 字型樣式 | normal(預設)/italic/oblique/...... | ||
| 字型前景顏色 | 。 "rgba(0,0,0,0)" 代表透明。 | ||
| 字型背景顏色 | 。 "" 代表不用著色 |
| 屬性中文名稱 | 屬性英文名稱 | 屬性數值 | 內容說明與快捷功能 |
|---|---|---|---|
| 文字順時針旋轉增加度數 | 0(預設)/90/180/270 | ||
| 特殊文字順時針旋轉增加度數 | 0(不旋轉)/90(預設) | ||
| 特殊文字 | 這些文字，預設會在直書的時候自動旋轉。 | ||
| 對稱文字啟用 | true/false(預設) | ||
| 對稱文字 | 對稱文字會動態替換再顯示出來。 | ||
| 非頂文字啟用 | true(預設)/false | ||
| 非頂文字 | 中文直書習慣，這些字不能當第一個字。 | ||
| 最小文字寬度 | 旋轉後，最少需要保留的寬度。須要填寫單位(ut, px, pt, em, ......)。 | ||
| 最小文字高度 | 旋轉後，最少需要保留的高度。須要填寫單位(ut, px, pt, em, ......)。 | ||
| 文字最小行寬 | 1ut(預設)。若有注音符號，可以試試1.5ut或是2ut。 | ||
| 最大垂直字數 | 每行最多字數。0 代表不限制。超過此設定就換下一行。 | ||
| 最小水平字數 | 節點最小寬度，以字數計；當內容寬度不足此設定時，內容寬度將自動增加至此設定值。0 代表不限制。 | ||
| 最小垂直字數 | 節點最小高度，以字數計；當內容高度不足此設定時，內容高度將自動增加至此設定值。0 代表不限制。 | ||
| 水平對齊 | 節點內文字的水平對齊方式 left/right/center(預設)/justify |
||
| 垂直對齊 | 節點內文字的垂直對齊方式 top(預設)/bottom/center/justify |
||
| 節點背景顏色 | 。 "" 代表不用著色 |
| 屬性中文名稱 | 屬性英文名稱 | 屬性數值 | 內容說明與快捷功能 |
|---|---|---|---|
| 節點內部上方留白 | 0.2ut(預設) | ||
| 節點內部下方留白 | 0.2ut(預設) | ||
| 節點內部左方留白 | 0.2ut(預設) | ||
| 節點內部右方留白 | 0.2ut(預設) | ||
| 節點內部留白顏色 | 。 "" 代表不用著色 | ||
| 節點外部上方留白 | 0(預設) | ||
| 節點外部下方留白 | 0(預設) | ||
| 節點外部左方留白 | 0.2ut(預設) | ||
| 節點外部右方留白 | 0.2ut(預設) | ||
| 節點外部留白顏色 | 。 "" 代表不用著色 | ||
| 屬性中文名稱 | 屬性英文名稱 | 屬性數值 | 內容說明與快捷功能 |
|---|---|---|---|
| 上方邊框線寬 | 0(預設) (0代表沒有邊框) | ||
| 下方邊框線寬 | 0(預設) | ||
| 左方邊框線寬 | 0(預設) | ||
| 右方邊框線寬 | 0(預設) | ||
| 上方邊框顏色 | 。 black(預設) | ||
| 下方邊框顏色 | 。 black(預設) | ||
| 左方邊框顏色 | 。 black(預設) | ||
| 右方邊框顏色 | 。 black(預設) |
| 屬性中文名稱 | 屬性英文名稱 | 屬性數值 | 內容說明與快捷功能 |
|---|---|---|---|
| 上方一半線高 | 1ut(預設) | ||
| 上方線條寬度 | 收集節點適用。0.05ut(預設)。 | ||
| 上方線條顏色 | 。 收集節點適用。black(預設)。 | ||
| 上方連線形式 | 收集節點適用。上垂下平/上平下垂/直線/曲線/上垂下直/上直下垂/肘形(預設)/虛無(就是不畫連線了)。 | ||
| 上方連線虛實 | 收集節點適用。"" 代表實線，0.2ut,0.2ut 代表虛線 | ||
| 上方連線對象 | 收集節點適用。all(預設)/headtail/white,索引值1,索引值2,....../black,索引值1,索引值2,......。(索引值以1為基底，從右到左。) | ||
| 下方一半線高 | 標準節點、收集節點適用。1ut(預設)。 | ||
| 下方線條寬度 | 標準節點、收集節點適用。0.05ut(預設)。 | ||
| 下方線條顏色 | 。 標準節點、收集節點適用。black(預設)。 | ||
| 下方連線形式 | 標準節點、收集節點適用。上垂下平/上平下垂/直線/曲線/上垂下直/上直下垂/肘形(預設)/虛無(就是不畫連線了)。 | ||
| 下方連線虛實 | 標準節點、收集節點適用。"" 代表實線，5px,5px 代表虛線。 | ||
| 下方連線對象 | 標準節點、收集節點適用。all(預設)/headtail/white,索引值1,索引值2,....../black,索引值1,索引值2,......。(索引值以1為基底，從右到左。) | ||
| 屬性中文名稱 | 屬性英文名稱 | 屬性數值 | 內容說明與快捷功能 |
|---|---|---|---|
| 節點水平定位方式 | byVector(依向量)/byIndex(依索引)/byDefault(為子代節點的水平中間，也就是d0.5)/byNearest(依最近) | ||
| 節點水平定位參考 | ""。u/d (u看親代，d看子代) | ||
| 節點水平定位數值 |
byVector(依向量，右邊為0，左邊為1，也可以為負數 :p)(u/d) byIndex(依索引，從右到左，從1開始起算)(u/d) byDefault(為0.5，右邊為0，左邊為1)(d0.5) byNearest(0.00~1.00，可設為0.2。在設定的比例裡面，自動對齊最接近的節點。)(u/d) |
||
| 節點垂直定位方式 | none(預設)/ref | ||
| 節點垂直定位參考列表 | ""。對齊其他節點高度，可用逗號分隔節點名稱，以最低者為準。 |
| 屬性中文名稱 | 屬性英文名稱 | 屬性數值 | 內容說明與快捷功能 |
|---|---|---|---|
| 畫布內部上方留白 | 2ut(預設) | ||
| 畫布內部下方留白 | 2ut(預設) | ||
| 畫布內部左方留白 | 2ut(預設) | ||
| 畫布內部右方留白 | 2ut(預設) | ||
| 畫布內部留白顏色 | 。 "" 代表不用著色。#fffae6(預設) | ||
| 畫布背景顏色 | 。 "" 代表不用著色。#fffae6(預設) |
| 功能 | 說明 |
|---|---|
| rem, ...... | 註解 |
| 不固定數量的半形空白 | 程式自動略過 |
| jjLet, statement |
statement 請用半形空白做間隔，目前支援運算如下。 variableName = value variableName = sin value(請填角度，不是弧度) variableName = cos value(請填角度，不是弧度) variableName = value1 + value2 variableName = value1 - value2 variableName = value1 * value2 variableName = value1 / value2 變數值(value)，可以為 變數名(variableName)、節點名(node.name.left)、純數值(38.72) 以及 帶有單位的數值(3ut, 4px)。 節點名目前支援屬性如下 node.name.left、node.name.middle、node.name.right、node.name.width node.name.top、node.name.center、node.name.bottom、node.name.height canvas.left、canvas.middle、canvas.right、canvas.width canvas.top、canvas.center、canvas.bottom、canvas.height |
| jjSet, statement |
statement 請用半形空白做間隔，目前支援(+,-,*,/,sin,cos)運算，可用中序式表達。 例如：variableName = x + r * ( cos angle ) 變數值(value)，可以為 變數名(variableName)、節點名(node.name.left)、純數值(38.72) 以及 帶有單位的數值(3ut, 4px)。 節點名目前支援屬性如下 node.name.left、node.name.middle、node.name.right、node.name.width node.name.top、node.name.center、node.name.bottom、node.name.height canvas.left、canvas.middle、canvas.right、canvas.width canvas.top、canvas.center、canvas.bottom、canvas.height |
| jjSetImage, imageName = modifiedDataURL | 在檔案處理區塊，有功能可將圖片轉成 modifiedDataURL。 |
|
jjDrawImage, imageName, dx, dy jjDrawImage, imageName, dx, dy, dw, dh jjDrawImage, imageName, sx, sy, sw, sh, dx, dy, dw, dh |
將圖形畫到畫布上 |
| beginPath | 同 html5+canvas 的 beginPath |
| closePath | 同 html5+canvas 的 closePath |
| lineWidth, strWidth | 設定線條寬度 |
| setLineDash 或 setLineDash,2,5,...... | 實線 或 虛線 |
| strokeStyle, color | 設定線條顏色 |
| fillStyle, color | 設定填充顏色 |
| moveTo, fX, fY | 移動到 fX, fY |
| lineTo, fX, fY | 連線到 fX, fY |
| arcTo, fX1, fY1, fX2, fY2, fRadius | (fX1,fY1)與(fX2,fY2)是兩個控制點，fRadius是半徑 |
| bezierCurveTo, fX1, fY1, fX2, fY2, fX3, fY3 | (fX1,fY1)與(fX2,fY2)是兩個控制點，(fX3, fY3)是終點 |
| quadraticCurveTo, fX1, fY1, fX2, fY2 | (fX1,fY1)是控制點，(fX2, fY2)是終點 |
| arc, fX, fY, fRadius, fDegrees1, fDegrees2, booCounterclockwise(optional) | 以(fX,fY)為中心點，fRadius為半徑，順時針旋轉，從fDegrees1到fDegrees2, booCounterclockwise=true(逆時針)/false(順時針)(預設) |
| rect, fX, fY, fW, fH | 空心矩形，(fX,fY)為左上角，寬度為fW，高度為fH |
| stroke | 同 html5+canvas 的 stroke |
| fill | 同 html5+canvas 的 fill |
| jjMoveLeft, fX | 向左移動 fX 並連線 |
| jjMoveRight, fX | 向右移動 fX 並連線 |
| jjMoveUp, fY | 向上移動 fY 並連線 |
| jjMoveDown, fY | 向下移動 fY 並連線 |
| jjMoveXTo, fX | 水平方向移動到 fX 並連線 |
| jjMoveYTo, fY | 垂直方向移動到 fY 並連線 |
|
jjArrowHead, leftSide, fX, fY, fMainDegrees, fMainLength, fMinorDegrees, fMinorLength jjArrowHead, rightSide, fX, fY, fMainDegrees, fMainLength, fMinorDegrees, fMinorLength jjArrowHead, doubleSides, fX, fY, fMainDegrees, fMainLength, fMinorDegrees, fMinorLength jjArrowHead, hollowTriangle, fX, fY, fMainDegrees, fMainLength, fMinorDegrees, fMinorLength jjArrowHead, solidTriangle, fX, fY, fMainDegrees, fMainLength, fMinorDegrees, fMinorLength |
直接繪製單邊或雙邊箭頭。以 (fX,fY) 為中心點，先從X軸開始，順時針旋轉(fMainDegrees)度，繪製(fMainLength)的線條，然後再往左/往右旋轉(fMinorDegrees)度，繪製(fMinorLength)的線條 若為 leftSide/rightSide/doubleSides，則是繪製單/雙邊線條。 若為 hollowTriangle，則為空心三角形。 若為 solidTriangle，則為實心三角形。 |
| strokeRect, fX, fY, fW, fH | 直接繪製空心矩形，(fX,fY)為左上角，寬度為fW，高度為fH |
| fillRect, fX, fY, fW, fH | 直接繪製實心矩形，(fX,fY)為左上角，寬度為fW，高度為fH |