計(jì)算機(jī)應(yīng)用研究2003年sVG在WebG|S中的應(yīng)用周強(qiáng)中,談俊忠南京大學(xué)城市與資源學(xué)系,江蘇南京210093)摘要:首先討論了 WebGis現(xiàn)在面臨的一些挑戰(zhàn)和技術(shù)瓶頸隨后介紹了一種新興的、開放標(biāo)準(zhǔn)的、基于ⅹML的文本式矢量圖形描述語言——SVG的概念以及它的特征和優(yōu)點(diǎn)洴且基于 SVG/XMI從數(shù)據(jù)結(jié)構(gòu)和系統(tǒng)結(jié)構(gòu)入手闡述了SVG在 WebGIS中的應(yīng)用。關(guān)鍵詞: WebGIS;sVG;XML中圖法分類號:TP393.03文獻(xiàn)標(biāo)識碼:A文章編號:1001-3695200301-010803Applications of svG in WebGIsZHOU Qiang- hong TAN Jun-zheDept. of Urban Resource Science Nanjing University Nanjing Jiangsu 210093, ChinaAbstract: The paper discusses the challenge and the technical difficulties of the current WebGIS development and introduces the concepteatures and advantages of SVG( Scalable Vector Graphics ) a rising open modularized language for describing two-dimensional vector andmixed vector/raster graphics in XML with text, At last, the paper expatiates the applications of SVG in WebGIS by analyzing the data struc-ture and system structure of WebGIS based on SvG/XMIKey words: WebGIS; SVG Scalable Vecter Graphics ) XML社會信息化、網(wǎng)絡(luò)技術(shù)的蓬勃發(fā)展為 WebGis提供了廣1引言闊的發(fā)展空間。但是傳統(tǒng)的Web語言HIM(超文本Internet改變了我們的世界。G技術(shù)和 Internet技標(biāo)識語言質(zhì)上是一種文本顯示語言其不利于表現(xiàn)術(shù)的融合使產(chǎn)品的應(yīng)用環(huán)境、產(chǎn)品的概念軟件的結(jié)構(gòu)地理空間數(shù)據(jù)的弊端限制了weGs的發(fā)展洞時(shí)Jn都發(fā)生了變化。與傳統(tǒng)的C相比,wGIS訪問范圍met不是Gl的專用網(wǎng),Ns的最初應(yīng)用也不是以更廣泛實(shí)時(shí)性強(qiáng)數(shù)據(jù)可分布管理操作更簡單能適W為基礎(chǔ)的。因此現(xiàn)有的WeC面臨著一些難以應(yīng)于不同的軟硬件平臺降低系統(tǒng)成本。隨著 Int突破的技術(shù)瓶頸和挑戰(zhàn)應(yīng)用的迅速普及和技術(shù)的日益發(fā)展特別數(shù)字地球(1)由于HML,ASP僅僅擅長于數(shù)據(jù)的表現(xiàn)采用第四代Gs的研究的興起原先基于C/S或者B/結(jié)構(gòu)的標(biāo)記固定、有限且無內(nèi)涵缺乏描述數(shù)據(jù)的內(nèi)部結(jié)構(gòu)的weCs在面臨巨大的發(fā)展空間的同時(shí)也面臨著巨和聯(lián)系不支持矢量圖形因此不利于結(jié)構(gòu)復(fù)雜的空間大的挑戰(zhàn)。WeGS如何能夠更加快速、更加有效、更加地理信息數(shù)據(jù)的查詢和整合。廣泛地為廣大GIS用戶或者大眾提供更好的地理空間(2羌s的源數(shù)據(jù)種類繁多、結(jié)構(gòu)復(fù)雜、組織結(jié)構(gòu)繁信息服務(wù)這個(gè)問題已提到歷史的日程上來雜要對傳統(tǒng)的GIS數(shù)據(jù)庫中大量的空間信息數(shù)據(jù)進(jìn)行針對現(xiàn)有的網(wǎng)絡(luò)的不足 XML SVG等新的技術(shù)逐適應(yīng)于 Internet表達(dá)的高效率低成本的轉(zhuǎn)換各We步出現(xiàn),并且其技術(shù)標(biāo)準(zhǔn)已經(jīng)為 MapInfo,ESRI,nter.bG系統(tǒng)之間需要資源和信息共享真正地做到GS數(shù)graph等GIS專業(yè)軟件商和 Microsoft, Adobe等其它專業(yè)據(jù)的物理分散而邏輯集中。但現(xiàn)實(shí)不容樂觀我們還需軟件商所接受并且開發(fā)出了 SVGMapMaker等基于SvG要在數(shù)據(jù)共享方面繼續(xù)努力的地圖工具和 Adobe svgviewer bm sⅤ GView等網(wǎng)絡(luò)瀏(3胺按照社會化GIS"的要求 WebGIS需要一定層覽插件。次上的互操作性使GS數(shù)據(jù)參與多方面的應(yīng)用但現(xiàn)2 WebGIs的現(xiàn)狀在的HMTV凵中國煤化工處于靜態(tài)不能根據(jù)客戶端的CNMH并且修改變更(特別WebGIs是 nternet與GIS結(jié)合的產(chǎn)物,是利用是對于圖個(gè)LH。WWW向用戶提供地理空間信息服務(wù)的地理信息系統(tǒng)。4)于GS處理海量的數(shù)據(jù)而又受 Internet的網(wǎng)路帶寬以及其它路由限制因此要建立快速的響應(yīng)和傳輸機(jī)制在滿足用戶交互操作需求的基礎(chǔ)上應(yīng)向We收稿日期:2002-0208;修返日期:2002.06-16bGsS用戶提供快速的地理信息服務(wù)。第1期周強(qiáng)中等SVG在 WebGIS中的應(yīng)用5 WebGIS需要向用戶提供多樣化的、直觀易懂的富的事件這些事件可以應(yīng)用于所有的圖形對象。由于圖形用戶界面快速地滿足客戶的請求動(dòng)態(tài)地、客戶化SVG支持腳本語言因此高級網(wǎng)頁制作者僅需進(jìn)行簡單地表現(xiàn)數(shù)據(jù)。的 Script編程來訪問sVG文件對象模型(DOM肭元素6)量的圖形圖像等多媒體信息是導(dǎo)致 Intermet和屬性即可響應(yīng)特定的事件從而提高了SVG的動(dòng)態(tài)網(wǎng)絡(luò)帶寬日益緊張的原因之一。對于 WebGIs來說圖和交互性能。SVG提供了兩種不同的形式即樣式化形圖像的傳輸比較多所以這種狀況尤為明顯。因此必SVG和交換型SVG,而且它們各自有不同的DT及須在現(xiàn)有的網(wǎng)絡(luò)和硬件條件下從軟件方面解決系統(tǒng)圖ME類型。由于樣式化SVG允許對圖形對象進(jìn)行樣形網(wǎng)絡(luò)傳輸?shù)乃俣葐栴}式添加即它可以通過采用外部樣式文件在文件頭中面對著上述挑戰(zhàn)和國際信息化融合的潮流SVG/預(yù)先進(jìn)行樣式聲明和通過屬性為元素定義樣式等三種ⅹML將是 WebGIS適應(yīng)社會化GIs"的發(fā)展和要求、提方式來使用樣式單因此是svG用于網(wǎng)絡(luò)環(huán)境的推薦高自身實(shí)際應(yīng)用能力的解決之道。存儲格式?jīng)樈粨Q型sVG取消了對樣式單的支持完全使用元素屬性來描述各個(gè)圖形對象的顯示效果,另外3 SVG( Scalable Vector Graphics由于所有顯示信息都封裝到XⅦL的屬性中因此交換1)VG規(guī)范型svG還可以作為ⅹSL可擴(kuò)展的樣式語言變換轉(zhuǎn)換SVG是一種基于XML的用來描述二維矢量圖形和后所得到的結(jié)果文件格式廣泛應(yīng)用于XML文檔顯示矢量/點(diǎn)陣混合圖形的標(biāo)識語言其全稱是可擴(kuò)展矢量效果的描述中。圖形規(guī)范( Scalable Vector Graphics)b其中“可擴(kuò)展sVG除了支持HIML中常用的標(biāo)記如文本、圖像Scalable)詞在圖形圖像技術(shù)上指的是它不局限于鏈接、交互性、CS的使用、腳本外還提供了大量針對個(gè)固定的分辨率和大小從全局或者細(xì)節(jié)的角度可以圖形、圖像、動(dòng)畫的特定標(biāo)記。SVG除了單獨(dú)使用外還在不同分辨率的屏幕上以相同的大小顯示也可以在同可以在XML文件中作為命名空間引入或者用作HM個(gè)網(wǎng)頁中以不同的大小而在網(wǎng)絡(luò)技術(shù)上測則指的是文件中的特殊對象。同樣VG作為一種基于XML的這一規(guī)范能夠與其它規(guī)范相融合從而能滿足更廣泛的語言規(guī)范也具有XML的可擴(kuò)展性。用戶需求并適合于更廣泛的應(yīng)用方式。“矢量"(Vec(2)VG的特點(diǎn)tor是指規(guī)范中描述了直線、曲線形狀等幾何圖形而①基于XML標(biāo)準(zhǔn)。XML是公認(rèn)的擁有無窮生命力無需像PG,PEG等圖像格式那樣逐像素進(jìn)行描述。的下一代網(wǎng)絡(luò)標(biāo)記語言,它擁有HTML語言所缺乏的伸圖形( Graphics)是指它提供了對矢量和矢量/柵格混縮性與靈活性。XML不再像HML一樣有著一成不變合圖形的描述因而它填補(bǔ)了大多數(shù)基于ⅩML的標(biāo)識的格式它實(shí)際上是一種定義語言使用者可以定義無語言規(guī)范對復(fù)雜圖形描述的空白窮無盡的標(biāo)記來描述文件中的對象和數(shù)據(jù)元素從而突sVG是圖形、圖像和文字的有機(jī)統(tǒng)一,它共提供了破HmML固定標(biāo)記集合的約束使得文件描述的內(nèi)容更六種類型的對象其中包括矢量圖形、圖像、漸變填充、加豐富、更復(fù)雜、更容易組成一個(gè)完整的信息體系。濾鏡操作、可重用單元和文本。它對于圖形對象可進(jìn)行SVG開始設(shè)計(jì)時(shí)就以XML為基礎(chǔ)這使得它同HIML,組合、添加樣式幾何變換、復(fù)合等操作。特征集包括嵌 DOM , XSL Java Scrip-樣成為_種新的標(biāo)準(zhǔn)。套變換、剪切路徑、Aψha蒙版濾鏡效果、模板對象和動(dòng)②矢量圖形。它由點(diǎn)線和填充組成,由計(jì)算機(jī)根畫效果這些都極大地豐富了圖形圖像的顯示效果。在據(jù)矢量數(shù)據(jù)進(jìn)行計(jì)算,然后繪制而成。相對于位圖它理論上這些SVG對象的組合可以構(gòu)筑任意復(fù)雜的圖具有以下兩個(gè)特點(diǎn):文件的大小與圖形的復(fù)雜程度有形圖像。根據(jù)功能不同SVG的主要對象可歸為基本關(guān),而與圖形的具體尺寸無關(guān);圖形的顯示尺寸可無要素對象和頁面描述功能對象兩大類圖1級縮放,變化后不影響圖形質(zhì)量,所以在圖形不太復(fù)雜的情況下,具有文件量小、可無級縮放的優(yōu)點(diǎn)。這「字體描辶坐標(biāo)變測單色填充些特征使得sVG部分?jǐn)[脫了硬件的限制,尤其適合于漸變填充網(wǎng)上傳播。填充樣式剪切路徑③由文本構(gòu)成的圖像。SVG最奇妙之處在于它是本圖形組合對象一種文本格式的圖像不用任何圖像處理工具僅用記ointer事本就可生成一個(gè)SVG圖形。如下這個(gè)程序就可生成一個(gè)以坐標(biāo)50,00)為圓心、半徑為20的紅色填充圓圖1SVG的主要對象中國煤化工sVc00d/ENttp /ww2000000D/svg20003sVG規(guī)范定義了SVG的特征、語法和顯示效果其yae.drCNMHG中包括模塊化的ⅹML命名空間和 SVG DOM。SVG的繪opxcircle ex="50 cy="100 r= 20 style="fill: red/>圖可以通過動(dòng)態(tài)和交互式方式進(jìn)行在實(shí)際操作中則是以嵌入方式或腳本( Script方式來實(shí)現(xiàn)的。SVG不僅從理論上講對所有的這類語句組合就可以生成任使用ⅪIink和ⅹ Pointer來提供超鏈接功能還定義了豐意復(fù)雜的圖形。同時(shí)利用各種流行的圖形軟件,如Coreldraw就可以輕松地制作出漂亮的svG圖像110計(jì)算機(jī)應(yīng)用研究2003年建立在文本基礎(chǔ)上的SVG圖像中的描述語句淺顯外觀顯示因而大大提高了元素的可重用性、可修改易懂、一目了然同時(shí)也可非常容易地直接進(jìn)行修改與⑥具有準(zhǔn)確的顏色描述。不同的輸出設(shè)備,包括顯更新〃,可升級的特點(diǎn)在這里得到了充分的直接反映示器、打印機(jī)等可能具有不同的色彩顯示范圍、不同的④靈活的文件格式。在以前的圖像中文本都作為Gama校驗(yàn)值以及不同的ICC顏色空間文件描述但是位圖而保存于圖像中圖像形成以后不能單獨(dú)對文本進(jìn)SVG支持在顯示時(shí)能參照特定設(shè)備的描述文件動(dòng)態(tài)調(diào)行修改在PNVG格式中這一點(diǎn)有所改進(jìn)文本可作為整顯示效果且能夠保證圖形圖像的顏色在跨網(wǎng)絡(luò)傳輸個(gè)獨(dú)立的層存在。SVG更靈活地?cái)U(kuò)展了圖像的文件格后仍能夠準(zhǔn)確地顯示。具有跨平臺功能。鑒于SVG同XML規(guī)范的無縫式它由矢量圖形、位圖和文字三部分組成。這樣SVG連接以及標(biāo)記語言的平臺無關(guān)性,從而賦予了SVG跨不僅僅可應(yīng)用矢量圖像和文字對象同樣可納入位圖,平臺的優(yōu)點(diǎn)可制作出任何其它格式圖像能達(dá)到的效果。由于文件格式是文本形式的可很容易地在以后任何時(shí)候進(jìn)行修4SVG在WebG中的應(yīng)用改。而且在頁面運(yùn)行的過程中也可對很多部分做即時(shí)(1基于SVG的 WebGis的數(shù)據(jù)結(jié)構(gòu)的修改其中的圖形描述還可重復(fù)使用因?yàn)镹ⅦL支持?jǐn)?shù)據(jù)標(biāo)記的嵌套定義因此完全可⑤支持交互性。圖片和交互在以前是兩個(gè)分開的以在對一個(gè)對象進(jìn)行描述時(shí)對象的屬性定義和對象圖概念。例如在一個(gè)網(wǎng)頁中按鈕僅僅是一個(gè)圖像按鈕形的SvG描述同時(shí)進(jìn)行。如下程序片斷所示就是對的交互部分是由網(wǎng)頁中的s語句來實(shí)現(xiàn)。svVG的手地圖上面的 Balmoral middle schoo對象的屬性和圖出現(xiàn)突破了這個(gè)限制,它支持SM( Synchronized multi-形描太包括學(xué)校名稱、學(xué)生人數(shù)、地理坐標(biāo)、圖形特征media Integration Language)使得在圖片內(nèi)進(jìn)行交互成為等可能這是以往的圖像所不能做到的Feature fid =142" feature Type ="school">Description> Balmoral Middle School >⑥內(nèi)嵌式動(dòng)態(tài)字體。動(dòng)態(tài)HML中可使用用戶系Property Name="NumFloors type="Integer"value=37>統(tǒng)中沒有的字體在用戶瀏覽需要時(shí)通過Web即時(shí)下Property Name ="NumStudents type ="Integer"value=987/>xg:27354載。這對于英文系統(tǒng)來說是可以理解的而對于中文系he="extent"srs Name統(tǒng)來說卻不可取因?yàn)槿魏我环N中文字體的文件量都在svg2M或3M以上用戶不可能為了觀看幾個(gè)漢字而浪費(fèi)polygon style="fill red stroke: blue stroke-width :10points="88A5104441086412464大量的時(shí)間和精力120″/>sVG內(nèi)嵌了圖像中所出現(xiàn)的文字的字體形狀解決了動(dòng)態(tài)字體的問題用戶不需要完全下載所有的字體文件。這對于中文用戶來說是相當(dāng)便利的