CNET US : 文:David J. Emberton/ 周賢能 譯
15/05/2001

你也許聽過 SVG 這項剛起步的新技術,不過你恐怕不是很清楚這項技術能帶給你什麼革命性的影響。SVG(Scalable Vector Graphics)將在不久的未來成為網頁向量圖形(vector graphic)及動畫(animation)的公認標準。SVG 本身可以純粹被視為圖形及動畫的格式,它也可以與 XML、JavaScript、SMIL 以及 HTML 等相結合而產生豐富多樣的應用。換句話說,SVG 就是用來解決網頁上圖性及動畫呈現的新技術。W3 Consortium 最近才擬定 SVG 的建議參考標準,也就是說這項標準的制定即將完成,很快就會內建在網頁瀏覽器及 XML 瀏覽器上了。

XML 逐漸成為新一代 Web 應用產品(如微軟的.Net 發展平台)的基礎標準,而由於 SVG 是 XML 的子集合,因此了解 SVG 可以讓你走在 Web 應用技術的尖端。別忘記兩年前的 Flash 還只是個名不見經傳而功能有限的 plug-in。是那些熱情、勇於挑戰的發展者將它帶上舞台,刺激它使其發展成為更成熟而豐富的發展平台。現在,我們將有機會擁抱、發展一個功能遠比當年 FutureSplash(Flash 的前身)更強大的 SVG。

SVG 的優勢

閱讀 SVG 的建議標準其實就像是在閱讀 Web 設計師的許願清單。Flash 的發展者已經在網頁上展現了向量圖形及動畫的威力,但是大部分的我們都知道一個成熟而開放的標準始終還沒降臨。有許多原因讓這套標準成為我們的新希望:

新一代的網頁設計

"新一代的..." 聽來有些陳腔濫調,不過對 SVG 來說,這是很恰當的描述。因為 SVG 能整合向量圖形、點陣圖形(GIF/JPEG/PNG)以及可樣式化的文字,我們可以說 SVG 是套能被用作網頁製作、應用軟體介面設計的全功能格式。事實上,一個以 SVG 為基礎而設計的網頁就具有相當多這些年來設計者一直試圖透過 HTML 呈現的特性。對現階段的 SVG 發展來說,唯一缺少的是一套能展現 SVG 特性且具有商業產品等級的編輯設計工具。在格式標準未完全定案前,W3C 並不建議工具軟體的製作,所以儘管已經有不少套裝軟體能提供靜態的 SVG 圖形輸出(Adobe 始終積極扮演著支持的角色),對動畫及多媒體來說,最好的產品還值得期待。

就 Flash 而言,其本質上是種編輯設計工具,它所需要的是一套能呈現結果的格式。而 SVG 正好相反。SVG 是一套格式,它需要靠編輯設計工具來展現其特性。筆者心目中的終極網頁發展工具必須要能將 SVG 與其他的格式,如 JavaScript,相互結合,創造出能程式化的內容以及能銜接後端的 XML 資料庫。就算 SVG 只能達到到讓網頁製作不需使用繁複的巢狀式表格及各種不同的圖形編輯工具,筆者覺得這就已經相當令人雀躍了。

另外,目前有一個稱為軟體發展的計劃(Development Software Project)提供線上的工具幫你將 SWF 檔案轉換成 SVG 格式。不過,筆者卻不太願意將 SVG 與 Flash 彼此定位為直接的競爭對手,畢竟它們是根據不同的理念而產生的,而且 SVG 所持有的模組性使得 SVG 能做到 Flash 所不能做到的。SVG 所有的模組性讓它能輕易地與其他網頁設計標準相結合,製作出功能強大而安全的 client-server 應用軟體。這對一個具有專利獨斷性而且必須仰賴 plug-in 的 Flash 來說,先天上的因素顯然限制住了它在這方面的功能。

SVG 有兩個缺點,一個可以被改正,另一個我們得忍受。首先,現在 SVG 完全沒有編輯設計工具也沒有瀏覽器支援。這是可以克服的,因為短期內可以用 plug-ins 來瀏覽 SVG,在瀏覽器支援後再逐漸淘汰 plug-ins。由於 Flash plug-in 也必須隨著新版本的推出而更新,我想 SVG plug-in 同樣能成功直到瀏覽器追上腳步。至於編輯工具,鑒於格式標準的制定已近最後階段,預估接下來的幾個季裡會有多種產品應運而生。

再來是第二缺點:檔案的大小。與二進位格式的 Flash 相較,相似的 SVG 動畫檔案要大的多,因為它是以文字撰寫成的。不過,用同樣的論點來看,你可以辯稱 HTML 是個吃頻寬的怪獸因為它也是 ASCII 格式的檔案。論點也許對,不過那絲毫不影響它在網路上的成就。

整體來說,筆者極力推薦 SVG,而且我鼓勵你參觀 W3C 的網站,親自研究一下這份文件。對此議題有熱切興趣的讀者也可以參考 Adobe 更詳盡的SVG 網站,裡面提供了 plug-in、範例以及一些其他的好東西。