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

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

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

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

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

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

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

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

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

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

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

數(shù)據(jù)轉(zhuǎn)換器是SVG網(wǎng)頁(yè)設(shè)計(jì)的核心部分，轉(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)換過(guò)程必須要在A(yíng)/D轉(zhuǎn)換模式下才能完成工作。

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

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

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

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

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

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

3 結(jié)束語(yǔ)

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

參考文獻(xiàn)

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

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

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

作者簡(jiǎn)介

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

作者單位

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