基于SVG的網(wǎng)頁設(shè)計軟件的設(shè)計與實現(xiàn)

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

【關(guān)鍵詞】SVG 網(wǎng)頁設(shè)計 軟件設(shè)計與實現(xiàn)

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

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

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

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

本文基于SVG設(shè)計了網(wǎng)頁軟件，對提出的SVG軟件的采集器軟件系統(tǒng)，數(shù)據(jù)轉(zhuǎn)換器軟件系統(tǒng)以及數(shù)據(jù)處理器軟件系統(tǒng)進行設(shè)計，通過研究驗證了所設(shè)計網(wǎng)頁設(shè)計軟件系統(tǒng)的實際可操作性，是未來的必然發(fā)展趨勢 。

1 基于SVG的網(wǎng)頁設(shè)計軟件的設(shè)計

基于SVG對網(wǎng)頁設(shè)計軟件系統(tǒng)進行設(shè)計，首先對軟件的采集器進行設(shè)計，給出的算法如下述公式所述：

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

數(shù)據(jù)轉(zhuǎn)換器是SVG網(wǎng)頁設(shè)計的核心部分，轉(zhuǎn)換器內(nèi)部的工作模式為A/D模式，利用公式（2）的算法完成轉(zhuǎn)換工作：

上述公式中，t位轉(zhuǎn)換后得到的數(shù)據(jù)，e為轉(zhuǎn)換前的數(shù)據(jù)，A0為網(wǎng)絡(luò)數(shù)據(jù)轉(zhuǎn)換常數(shù)，轉(zhuǎn)換過程必須要在A/D轉(zhuǎn)換模式下才能完成工作。

數(shù)據(jù)處理器主要負責處理轉(zhuǎn)換器得到的數(shù)據(jù)，將處理后的數(shù)據(jù)傳遞給中心計算機系統(tǒng)，從而實現(xiàn)SVG網(wǎng)頁的設(shè)計，基于SVG對網(wǎng)頁設(shè)計軟件系統(tǒng)設(shè)計框圖如圖1所示。

分析圖1可知，給出的網(wǎng)頁軟件設(shè)計系統(tǒng)分多次限定數(shù)據(jù)，從而達到圖像的完美設(shè)計。

2 基于SVG的網(wǎng)頁設(shè)計軟件的實現(xiàn)過程

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

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

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

3 結(jié)束語

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

參考文獻

[1]裴玉.基于SVG的自適應(yīng)軟件界面開發(fā)工具設(shè)計與實現(xiàn)[J].計算機科學，2008，35（01）：271-273.

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

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

作者簡介

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

作者單位

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