blockRendering.Drawer 類別
根據指定的算繪資訊繪製區塊的物件。
Signature:
export declare class Drawer
建構函式
| 建構函式 | 修飾符 | 說明 |
|---|---|---|
| (建構函式)(區塊, 資訊) | 建構 Drawer 類別的新例項 |
屬性
| 屬性 | 修飾符 | 類型 | 說明 |
|---|---|---|---|
| block_ | BlockSvg | ||
| constants_ | protected |
ConstantProvider | |
| info_ | RenderInfo | ||
| inlinePath_ | 字串 | ||
| outlinePath_ | 字串 | ||
| topLeft_ | 座標 |
方法
| 方法 | 修飾符 | 說明 |
|---|---|---|
| draw() | 將方塊繪製到工作區。這裡的「繪圖」也就是設定 SVG 路徑元素，以及移動畫面上的欄位、圖示和連線。 系統會將路徑的片段推送至「步驟」的陣列，然後這些陣列會與空格合併，並直接設定在區塊上。這樣可以保證不同步驟以空格分隔，方便閱讀，但這不是必要條件。 |
|
| drawBottom_() | protected |
為區塊底部邊緣新增步驟，可能為下一個連線加上凹痕。 |
| drawConnectionHighlightPath(measurable) | 傳回用來醒目顯示指定連線的路徑。 | |
| drawInlineInput_(input) | protected |
新增內嵌輸入內容的步驟。 |
| drawInternals_() | protected |
繪製區塊的內部元素：內嵌輸入內容、欄位和圖示。這些方法不需考量刊登位置的外部路徑。 |
| drawJaggedEdge_(row) | protected |
在收合的區塊上新增資料列鋸齒邊緣的步驟。 |
| drawLeft_() | protected |
在區塊左側新增步驟，其中可能包括輸出連線 |
| drawOutline_() | protected |
建立區塊的外框。這是一個連續路徑。 |
| drawRightSideRow_(row) | protected |
針對沒有值或陳述式輸入關聯的資料列，新增右側步驟。 |
| drawStatementInput_(row) | protected |
新增陳述式輸入步驟。 |
| drawTop_() | protected |
加入相關步驟，將帽子和圓角等細項納入考量。 |
| drawValueInput_(row) | protected |
新增外部值輸入步驟，在區塊側邊顯示為凹槽。 |
| layoutField_(fieldInfo) | protected |
將欄位或圖示的新位置推送至其 SVG 根。 |
| positionExternalValueConnection_(row) | protected |
請考量 RTL 與父項區塊與子項區塊之間的差距，以便顯示父項區塊的深色路徑，在外部值輸入中調整連線位置。 |
| positionInlineInputConnection_(input) | protected |
將連線定位在內嵌值輸入上，並考量 RTL 以及父項區塊與子項區塊之間的差距，以便顯示父項區塊的深色路徑。 |
| positionNextConnection_() | protected |
請放置下一個連接區。 |
| positionOutputConnection_() | protected |
請在區塊放置輸出連線。 |
| positionPreviousConnection_() | protected |
將上一個連線置於區塊上。 |
| positionStatementInputConnection_(row) | protected |
請考量 RTL 與父項區塊與子項區塊之間的差距，以便顯示父項區塊的深色路徑，在陳述式輸入中放置連線。 |
| recordSizeOnBlock_() | protected |
將大小資訊儲存回區塊中，大部分的轉譯資訊可在算繪結束時丟棄。凡是需要保留的項目，都應在這個函式中設定。 |
| updateConnectionHighlights() | protected |
更新路徑物件，反映區塊中醒目顯示的連線。 |