使用 Silverlight 建構工作流設計器（十四）：動態生成流程圖片下載（下）

背景

Silverlight 3.0 新增本地動態生成圖片功能（參考 相關文章），使客戶端直接匯出圖片成為可能。本章延續上一章框架，完成具體繪圖程式碼。

核心類別：Bitmap 與 Graphics

• Bitmap：封裝 GDI+ 位圖，由像素資料組成。
• Graphics：封裝 GDI+ 繪圖介面，提供繪製矩形、橢圓、直線、文字等方法。

伺服器端圖片生成架構

雖然 Silverlight 3 可本地生成，但為相容舊版本，本系列採用伺服器端生成：客戶端傳送工作流 XML → 伺服器解析並繪製 → 回傳圖片 URL → 客戶端開啟新視窗下載。

三大圖形類別對應 XML 節點

1. 容器類：Width、Height、RulePictureCollection、ActivityPictureCollection
2. 活動類：位置、尺寸、類型、名稱等屬性
3. 規則類：起迄點、關聯活動 ID、樣式等

容器類定義

public class ContainerPicture
{
    public double Width { get; set; }
    public double Height { get; set; }
    public List RulePictureCollection { get; set; }
    public List ActivityPictureCollection { get; set; }
}

後續將示範如何遞迴遍歷 XML，實例化上述類別並呼叫 Graphics 方法繪製最終圖片。