研究案例：Canvas-017

模組一：典藏基本數據表 (Metadata Table)

欄位項目	典藏數據內容
作品編號	Canvas-017
感知意象	上坡 (Uphill / Elevation)
基本結構	長方形斜線填滿結構 (2-3-3-2 格連續階梯狀結構)
線材規格	DMC 25號線 3絲對折
色彩計畫	淺綠色、中綠色、深綠色 (動畫示範等效為藍色、紅色、黃色路徑)
刺繡方向	由左上角斜線往右下方接續延伸
語法類型	接續語法 (Sequential Translation Syntax)

模組二：起針邏輯與向量角度演算法 (Starting & Vector Operations)

1. 刺繡順序與區域演算法 (Stitch Sequence & Region Translation)

Phase ① 基礎單元區塊 (基本圖形 1-6)：
- 針步 1-2：跨 2 格長斜線 (右上至左下，角度 45°)。
- 針步 3-4：跨 3 格長斜線。
- 針步 5-6：跨 3 格長斜線。
Phase ② 第 1 區域接續延伸 (藍色路徑 1 至 30)：
- 將基本圖形 (1-6) 向下方平移 2 格、右方平移 1 格，重複 4 次，依序生成針步 7-12、13-18、19-24、25-30，完成第 1 區域 (藍色路徑)。
Phase ③ 第 2 區域平移複製 (紅色路徑 31 至 60)：
- 將第 1 區域 (1-30) 整體向右平移 2 格、向上平移 1 格，生成針步 31-60 (紅色路徑/中綠色線)。
Phase ④ 第 3 區域平移複製 (黃色路徑 61 至 90)：
- 將第 2 區域 (31-60) 再向右平移 2 格、向上平移 1 格，生成針步 61-90 (黃色路徑/深綠色線)。

2. 向量角度與幾何參數

斜線向量角度：右上至左下斜線傾角為 45°（向量方向 ΔX= -1, Δ Y = 1）。
物理跨度長度：
- 跨 2 格短斜線：長度約 5.1 mm（SVG 等效長度為 28.28 px）。
- 跨 3 格長斜線：長度約 10.1 mm（SVG 等效長度為 56.57 px）。

模組三：拓樸網絡與力學分析 (Structural Mechanics & Topology)

1. 階梯狀接續力學與視覺推升

接續鎖定 (Sequential Interlocking)：以「右 2 上 1」的向量階梯式平移，使針步在邊界處緊密交疊，消弭縫隙。
視覺上坡感 (Uphill Perception)：透過由左下向右上疊加的色帶結構，創造出連續向上延伸的動態視覺張力。

2. 張力平衡機制

同方向的 45° 斜線緊密平行排列，利用重複平移累積的織物物理摩擦力固定底布，確保繡面平整不皺縮。

模組四：SVG 向量語法與動態展示數據 (Vector API)

1. SVG 向量幾何參數

ViewBox 範圍：-20 -20 320 220
網格系統：20 單位間距之虛線網格 (c017_grid_line)。
色彩對應：藍色主線 (#3b82f6) 對應淺綠色；紅色主線 (#ef4444) 對應中綠色；黃色主線 (#eab308) 對應深綠色。

2. 動態互動卡片程式碼 (可直接貼於 WordPress)

🔄 重頭播放動態 🌓 切換高對比模式

模組五：手稿圖典與實體刺繡對照 (Visual Gallery)

正面實體照 (Front)	背面實體照 (Back)	設計手稿圖 (Draft)
正面：綠色漸層密鋪之階梯斜線結構	背面：規律斜向平行線，呈良好張力拉伸	手稿：手繪幾何座標與 1-90 針步路徑

模組六：演算法擴充參數與轉換邏輯 (Algorithm Extensions & Variant Syntax)

物理覆蓋率 (Physical Coverage)：階梯式平行斜線填滿覆蓋率達 95% 以上，無織布空隙。
變體矩陣 (Variant Matrix)：
- stepSequence = [2, 3, 3, 2]
- translationStep = ( Δ X = 2, Δ Y = -1)（右平移 2 格，上平移 1 格）
- repeatCount = 5 次（區域內） / 3 區域（整體）
Procedural 擴充邏輯：可調整平移向量與三色階梯差，生成連續漸層的地形包覆式幾何刺繡。