基于SVG的網頁設計軟件的設計與實現

摘 要 SVG（可縮放矢量圖形）的清晰度遠遠高于GIF和JPEG光柵文件，且在縮放時不會對畫面的清晰度造成任何影響，利用SVG可以設計出更好的互聯網。基于SVG設計了網頁設計軟件，分別對軟件的采集器軟件系統，數據轉換器軟件系統以及數據處理器軟件系統進行設計，通過研究證明所設計的軟件設計性能性更高，設計范圍更廣，抗干擾能力更強，極具穩定性，具有很高的發展前景。

【關鍵詞】SVG 網頁設計 軟件設計與實現

SVG是指可縮放矢量圖形，這是一種基于可擴展標記語言，是用來描述二維矢量圖形的一種圖像格式，這種圖像格式由萬維網制定，制定標準具有開放性。相較于位圖圖像，SVG圖像能夠通過點和線對物體進行描述，得到的文件較小，畫面更清晰，可以直接打印或輸出，SVG得到的矢量圖形格式，與GIF和JPEG光柵文件相比，有顯而易見的優勢：

（1）任意縮放，使用者可以根據圖像性質改變圖像比例，而且不會對圖像的清晰度和細節造成任何的破壞；

（2）文本獨立，SVG圖像的文字與圖像獨立，能夠在SVG獨立的圖像上編輯搜尋文字，而且對字體不會造成任何的限制，用戶即使沒有安裝同一字體系統，得到與原畫相同的畫面；

（3）超強的顯示效果，SVG圖像在屏幕邊緣上具有極高的清晰度，既適用于打印分辨率和屏幕分辨率。

本文基于SVG設計了網頁軟件，對提出的SVG軟件的采集器軟件系統，數據轉換器軟件系統以及數據處理器軟件系統進行設計，通過研究驗證了所設計網頁設計軟件系統的實際可操作性，是未來的必然發展趨勢 。

1 基于SVG的網頁設計軟件的設計

基于SVG對網頁設計軟件系統進行設計，首先對軟件的采集器進行設計，給出的算法如下述公式所述：

公式（1）中，w為SVG網頁中的輸入函數，t為網絡節點，a為網絡的控制系數，xi表示圖像的集合鄰近區域，w受系統的t和a影響，但變化值一般維持在50～100之間，利用公式（1）數據采集器能夠對圖像網絡信息進行正常采集。采集器的設計是整個軟件運行的基礎部分，一旦采集器出現故障，整個軟件系統都將無法工作 。

數據轉換器是SVG網頁設計的核心部分，轉換器內部的工作模式為A/D模式，利用公式（2）的算法完成轉換工作：

上述公式中，t位轉換后得到的數據，e為轉換前的數據，A0為網絡數據轉換常數，轉換過程必須要在A/D轉換模式下才能完成工作。

數據處理器主要負責處理轉換器得到的數據，將處理后的數據傳遞給中心計算機系統，從而實現SVG網頁的設計，基于SVG對網頁設計軟件系統設計框圖如圖1所示。

分析圖1可知，給出的網頁軟件設計系統分多次限定數據，從而達到圖像的完美設計。

2 基于SVG的網頁設計軟件的實現過程

為了測試基于SVG設計的網頁軟件系統工作的有效性和可操作性，研究了實現過程。過程設計的參數如下：電源系統持續輸入220V以上電壓，電流值在50A～100A之間。跟據上述設定的參量以及環境進行網頁設計，并與傳統網頁設計軟件系統進行對比 。

雖然傳統的網頁軟件系統和本文設計的軟件系統在設計網頁時都能取得2以上的設計效果，但本文設定的軟件系統設計效果始終高于傳統軟件系統，而且設計能力極強，在工作時具有很強的抗干擾能力。

綜上所述，本文基于SVG設計的網頁設計軟件的設計性能性更高，設計范圍更廣，抗干擾能力更強，極具穩定性，且在編輯圖像時可以單獨對圖像和文字進行編輯，縮放過程不會影響整個畫面的清晰度。

3 結束語

通過本文的探討分析可以了解到， SVG（可縮放矢量圖形）作為一種新的圖形設計技術，在清晰度和畫面飽和度方面遠遠高于GIF和JPEG光柵文件。SVG設計的網頁設計軟件，分為采集器軟件系統，數據轉換器軟件系統以及數據處理器軟件系統三部分。通過實驗證明所設計的軟件設計性能性更高，設計范圍更廣，抗干擾能力更強，極具穩定性，是未來的必然發展趨勢。

參考文獻

[1]裴玉.基于SVG的自適應軟件界面開發工具設計與實現[J].計算機科學，2008，35（01）：271-273.

[2]王健，陳劍云，張冬波.基于SVG及Batik平臺的監控繪圖軟件的設計與實現[J].河南城建學院學報，2006，15（05）：14-17.

[3]唐勇，吳盡昭，陳劍鋒.基于SVG的專用公式編輯工具的設計與實現[J].計算機應用，2009，29（10）：2865-2868.

作者簡介

尹莎莎（1982-），女，湖北省黃梅縣人.大學本科學歷。高級助教。研究方向為計算機、網頁設計與制作、計算機網絡安全教程。

作者單位

華東交通大學理工學院 江西省南昌市 330100endprint