J2ME 可縮放 2D 向量圖形 (JSR-226) 快速入門：SVG Tiny、微型 DOM 與動畫優勢

為什麼移動端需要向量圖形？

JSR-226 架構概覽

• 標準：JCP 專家組 (Nokia 主導)，JSR-226
• 文件格式：SVG Tiny 1.1 (W3C 子集，適配移動設備)
• 核心能力：渲染、變換 (旋轉/縮放/翻轉/扭曲)、動畫、事件、微型 DOM
• 參考實現：規範剛通過，熱切期待中

SVG Tiny 文件結構

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN"
  "https://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
<svg preserveAspectRatio="xMidYMid meet" ...>
  <rect x="10" y="10" width="100" height="50" fill="blue"/>
  <circle cx="60" cy="35" r="20" fill="red"/>
  <text x="20" y="80" font-size="12" fill="white">Hello SVG</text>
</svg>

• XML 格式，標準 Schema，工具鏈成熟
• 座標系任意相對單位，乘以常數因子即可適配螢幕

動畫支援：聲明式 vs 程式化

1. SMIL 動畫 (SVG 內建)：<animate>、<set> 標籤描述屬性隨時間變化，無需代碼
2. 微型 DOM (uDOM)：SVG 1.2 DOM 子集，Java 代碼動態操作圖形樹

   // 獲取 SVG 文檔根元素
   SVGDocument doc = svgImage.getSVGDocument();
   SVGElement rect = doc.getElementById("myRect");
   // 動態修改屬性
   rect.setFloatTrait("x", 100f);
   rect.setFloatTrait("width", 200f);
   

典型應用場景

• UI 圖標/按鈕：一套 SVG 適配所有分辨率手機
• 地圖/導航：向量地圖縮放平移流暢，體積極小
• 遊戲精靈/特效：向量動畫佔用極少堆內存，適合低端機
• 數據可視化：圖表縮放不失真，交互響應快

開發建議

1. 優先使用 聲明式 SMIL 動畫，減少代碼量
2. 複雜交互用 uDOM，注意效能：批量修改屬性、避免頻繁重排
3. 資源預載：SVGImage.createImage(inputStream) 解碼耗時，啟動時異步載入
4. 測試真機：模擬器 GPU 加速可能與真機差異大

生態現狀提示

JSR-226 屬於 Java ME 時代產物。現代移動開發 (Android/iOS) 原生支援 SVG/VectorDrawable/Core Graphics，跨平台框架 (Flutter/React Native) 亦有成熟向量方案。維護舊 J2ME 專案時參考，新項目請選用現代棧。

1. 上一篇文章： Java 虛擬機十年演進史：從字節碼解釋器到 HotSpot 動態編譯帝國
2. 下一篇文章： Java本紀：J2EE五年演進史——從起源到企業級標準

Java 程式設計入門

Java IO 操作總結（三）：Scanner、PrintWriter 與 System 類深度解析

前言 Java 的 I/O 體系龐大且複雜，初學者常因為眾多

觀察者模式深度解析：從經典定義到 Java 實戰

模式定義 觀察者模式又稱「發布-訂閱」，定義物件間一對多依賴

Java Swing 實現文件批量重命名工具：支持模板、編號與預覽

項目背景與需求分析 Windows 原生僅支持單個文件重命名

EclipseME 插件開發 J2ME 應用完整教程（下）：項目創建與運行實戰

使用 EclipseME 創建、編寫、運行、打包 J2ME