研究案例：Canvas-011

網頁運算刺繡語法卡片

屬性項目	中文說明與規格
作品編號	Canvas-011
感知意象	密實的斜線填滿結構，搭配帶有韻律感的雨點點綴；銀線的加入增添了一絲輕奢質感
基本結構	斜線與小雨點組合；以跨 1-2-3-2-1 格對角斜線單元為主體，結合 2 格 3 行 6 格小雨點陣列
線材規格	DMC / 25 號線 4 絲對折，搭配平行鋪設的銀色金屬線
色彩計畫	綠色系（Magic 3407/14 & 3407/20）、黃色、點綴銀線
刺繡方向	分兩階段進行（① 斜線基礎陣列 → ② 小雨點組合）；由左上至右下延伸

起針規則： 初始針位定錨於左上角，優先完成 Phase ① 斜线基礎結構，再刺繡 Phase ② 2 格 3 行 6 格小雨點。
Phase ① 斜線基礎順序（針步 1–18）：
- 跨格斜線（1–10）： 依序執行跨 1、2、3、2、1 格之對角斜線：
  - 針步 1–2（跨 1 格）： 出針 (50, 30) → 入針 (30, 50)
  - 針步 3–4（跨 2 格）： 出針 (70, 30) → 入針 (30, 70)
  - 針步 5–6（跨 3 格）： 出針 (90, 30) → 入針 (30, 90)
  - 針步 7–8（跨 2 格）： 出針 (90, 50) → 入針 (50, 90)
  - 針步 9–10（跨 1 格）： 出針 (90, 70) → 入針 (70, 90)
- 接續針步（11–18）： 沿主對角線向量平行平移，形成完整基礎模組。
Phase ② 延伸與雨點點綴（針步 19–36）：
- 針步 19–36 鏡像延伸至右下區域，填入小雨點陣列以無縫銜接斜線幾何。
向量與角度運算（語法類型：填滿類型 / 斜線雨點組合）：
- 斜線向量： 所有主斜線均保持 -45° 傾角。
- 物理尺寸對應： 跨 1 格長度 6.1 mm；跨 2 格長度 12.1 mm；跨 3 格長度 18.1 mm。

核心拓撲節點網路：
- 以跨 3 格長斜線（針步 5–6）作為主結構脊柱，兩側對稱側接跨 2 格與跨 1 格短針步，形成穩定的三叉幾何模組。
- 銀線沿關鍵對角通道平行鋪設，在布面上形成雙重質感的交織網格。
結構張力分析：
- 對稱張力平衡： 統一的 45 度角度將布料拉力均勻分散於經緯線間，防止大面積填滿時布料產生單向扭曲。
- 網格交錯穩定度： 雨點針步錨定於共用網格交點上，能有效鎖定底層長線，避免線段鬆脫或下垂。

✨ 切換 19-36 雙色對比 🔄 重新播放全圖動畫

SVG 向量幾何參數：

ViewBox： 0 0 320 320
網格基準： 20 × 20 px 系統（ Centroid Grid Offset）
Phase ① 斜線向量（針步 1–18）：
- 針步 1–2 (跨 1 格): 起點 (50, 30) → 終點 (30, 50) | 筆劃色彩: #8fa336
- 針步 3–4 (跨 2 格): 起點 (70, 30) → 終點 (30, 70) | 筆劃色彩: #8fa336
- 針步 5–6 (跨 3 格): 起點 (90, 30) → 終點 (30, 90) | 筆劃色彩: #8fa336
- 針步 7–8 (跨 2 格): 起點 (90, 50) → 終點 (50, 90) | 筆劃色彩: #8fa336
- 針步 9–10 (跨 1 格): 起點 (90, 70) → 終點 (70, 90) | 筆劃色彩: #52796f
Phase ② 延伸與雨點向量（針步 19–36）：
- 針步 19–36 依對角向量位移 (Δx = +40px, Δy = +40px)，形成雙色對比區塊。

(包含正面刺繡成品 CP_011.jpg、背面網格結構 CV_011B.jpg 與手繪設計藍圖 CV_011H.jpg)

線材物理性與覆蓋率：
- 布料網格： 適用於 18-count Mono Canvas 網格布料（20px 網格間距）。
- 體積密度： 長斜線與密集小雨點組合，既能維持網格對齊，又能創造豐富的立體起伏質感。
針步變體矩陣：
- 銀線點綴變體： 於跨 3 格主通道加入銀色金屬線，能於霧面綠色底布上創造出精緻的光影折射。
程序化參數：
- stepSequence: 1 → 2 → 3 → 2 → 1 網格跨距。
- raindropCluster: 2 格深度 × 3 列（每個單元包含 6 個點綴針步）。