【正文】 也是通過(guò)對(duì)各種圖形的起始和終點(diǎn)坐標(biāo)定義后來(lái)決定移動(dòng)方式。 平移、拉伸都是矩陣變換的特殊形式。 stroke:red。坐標(biāo)伸縮變換的 形式是：transform=“ scale(sx,sy)” 。那么 SVG是通過(guò)何種方式實(shí)現(xiàn)的不失真的矢量圖象呢？在 SVG的窗體定義中通常含有這樣一個(gè)屬性“ viewBox” 。 for (var i=0。 =x+,+y+,+w+,+h。 當(dāng)點(diǎn)擊井位標(biāo)記時(shí)，在 Javascript中屬于 onclick事件，于是在這里聲明了名為 selectWells(x,y,w,h)的函數(shù)。x2=+x2+amp。 var x2=theView[0]*1+theView[2]*1。在這里聲明了函數(shù) addWell()。400039。4039。translate(%=zbx% %=zby%)39。100039。%=zbx%39。 strokewidth:”/ /svg 同樣道理，其他形狀也可添加； 關(guān)于矩形代碼如下： svg rect x=”3cm” y=”1cm” width=”4cm” height=”2cm” style=”fill:black。此函數(shù)調(diào)用了數(shù)據(jù)庫(kù)文件，包括被選中油井的一切詳細(xì)信息。調(diào)用函數(shù) “ switchGeologic()” 后在原有的地圖上 顯示了油層分布的圖象信息。用這 三 種 按鈕就基本實(shí)現(xiàn)了功能模塊圖中的 幾種基本功能。在該區(qū)域用戶 也 可以 通過(guò)放大、縮小、移動(dòng)等功能來(lái)實(shí)現(xiàn)對(duì)地圖詳細(xì)情況與信 息的瀏覽。本系統(tǒng)中數(shù)據(jù)庫(kù)包含的具體表結(jié)構(gòu)設(shè)置如下 : 字段名稱 類型 說(shuō)明 wellname 文本 井位名稱 coordinateX 數(shù)字 井位 X軸坐標(biāo)值 coordinateY 數(shù)字 井位 Y軸坐標(biāo)值 type 文本 油井類型 creattime 數(shù)字 創(chuàng)建時(shí)間 condition 文本 目前狀態(tài) Service diary 文本 維護(hù)日志 大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 30 4. 2 界面的設(shè)計(jì)與 實(shí)現(xiàn) 4． 2． 1 界面介紹 根據(jù)上一章的總體設(shè)計(jì)我們知道，本系統(tǒng)只需要一個(gè)界面即可。因此， 數(shù)據(jù)庫(kù)計(jì)是系統(tǒng)設(shè)計(jì)過(guò)程中比較重要的一步。 5) 地圖的移動(dòng)功能： : 這個(gè)功能在應(yīng)用類型上與縮放功能類似，都是操作人員對(duì)地圖本身的操作，用移動(dòng)方式瀏覽地圖又增加了本系統(tǒng)可操作性，用戶只需要按下“ Alt”鍵的同時(shí)在使用鼠標(biāo)左鍵拖拽地圖的某一點(diǎn)即可。 2） 選擇井位 功能 ： 通過(guò)上面的步驟完成后，井位的標(biāo)記與信息已經(jīng)完成了加載，此時(shí)用戶可以對(duì)已添加的井位進(jìn)行選擇操作，通常的操作方式是點(diǎn)擊選擇井位，點(diǎn)擊后系統(tǒng)自動(dòng)連接數(shù)據(jù)庫(kù)。 3． 3 各功能模塊的主要功能 1） 增加井位的功能 ： 在整個(gè)油田井位圖發(fā)布系統(tǒng)中， 井位標(biāo)記及相關(guān)信息的加載是一個(gè)非常重要的功能模塊。目前， XML技術(shù)已經(jīng)走向成熟。而且 SVG 技術(shù)支持對(duì)各種腳本語(yǔ)言的引用，從而使其功能更加強(qiáng)大，運(yùn)用更加廣泛，其發(fā)展是不可阻擋的！。可行性研究從軟件大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 26 開(kāi)發(fā)的技術(shù)可行性、經(jīng)濟(jì)可行性等角度進(jìn)行考慮。完成后能夠使用戶以瀏覽器的方式打開(kāi)井位圖并對(duì)地圖上的元素進(jìn)行操作。 要實(shí)現(xiàn)上述功能，首先要熟悉 SVG 這種環(huán)境中圖形及圖象的生成方法，在這個(gè)題目要制作的是一張可放大、縮小、能夠?qū)崿F(xiàn)移動(dòng)、查找文字等功能的地圖，因此涉及到地圖的制作問(wèn)題，手工描繪是一種方法，但是對(duì)于需要表示區(qū)域較廣，包含細(xì)節(jié)信息較多的地圖來(lái)說(shuō)，工作量是十分驚人的，因此這種方法不可取，另外一種方法是利用一種 腳本語(yǔ)言來(lái)生成圖形繪制的方法，通過(guò)語(yǔ)言來(lái)控制生成圖象，這樣不但圖形準(zhǔn)確，也減少了很多工作量。對(duì)復(fù)制的力度而言， 有整個(gè)數(shù)據(jù)庫(kù)表的復(fù)制，表中部分行的復(fù)制。用戶可以通過(guò)網(wǎng)絡(luò)對(duì)異地?cái)?shù)據(jù)庫(kù)中的數(shù)據(jù)同時(shí)進(jìn)行存取，而服務(wù)器之間的協(xié)同處理對(duì)于工作站用戶及應(yīng)用程序而言是完全透明的：開(kāi)發(fā)人員無(wú)需關(guān) 心網(wǎng)絡(luò)的連接細(xì)節(jié)、無(wú)需關(guān)心數(shù)據(jù)在網(wǎng)絡(luò)接點(diǎn)中的具體分布情況、也無(wú)需關(guān)心服務(wù)器之間的協(xié)調(diào)工作過(guò)程。主要分為系統(tǒng)表空間和非系統(tǒng)表空間?？赏ㄟ^(guò)網(wǎng)絡(luò)較方便地讀寫(xiě)遠(yuǎn)端數(shù)據(jù)庫(kù)里的數(shù)據(jù)，并有對(duì)稱復(fù)制的技術(shù)。 3）、支持大量多媒體數(shù)據(jù)，如二進(jìn)制圖形、聲音、動(dòng)畫(huà)以及多維數(shù)據(jù)結(jié)構(gòu)等。 ORACLE 的特點(diǎn) 1）、 以來(lái)引入了共享 SQL 和多線索服務(wù)器體系結(jié)構(gòu)。 除此還有一些開(kāi)發(fā)工具，像 W3C 的 Amaya 等。它可進(jìn)行 SVG 靜態(tài)圖像創(chuàng)作并可通過(guò) JAVASCRIPT實(shí)現(xiàn)部分交互功能，但 還無(wú)法實(shí)現(xiàn) SVG 動(dòng)畫(huà)功能。目前， SVG 中路徑命令可以創(chuàng)建 3 種曲線，即橢圓曲線，三次貝賽爾曲線，二次貝塞爾曲線。因此 ,同 XML 一樣 ,作為 W3C 的推薦標(biāo)準(zhǔn) ,SVG 與 現(xiàn)有的 W3C 其他開(kāi)放標(biāo)準(zhǔn)有很好的兼容性 .這些標(biāo)準(zhǔn)包括 CSS,XSL,XLINK,SMIL,HTML, DOM,XHTML 等 .同時(shí) ,SVG 與其他組織的標(biāo)準(zhǔn)化技術(shù)也能很好地協(xié)同工作 ,如 URI,URICODE, SRVG,ECMASCRIOT/JAVASCRIPT, JAVA， ICC,等通過(guò)與這些開(kāi)放標(biāo)準(zhǔn)的兼容和與其他組織標(biāo)準(zhǔn)化技術(shù)的協(xié)同工作 ,除了能繪出矢量圖像外 ,我們還能基于 SVG開(kāi)發(fā)更多新功能以提供更多網(wǎng)絡(luò)服務(wù) .例如 ,制作智能化數(shù)據(jù)圖像 ,圖像中的數(shù)據(jù)可以根據(jù)需要 ,由應(yīng)用程序讀取、修改和統(tǒng)計(jì)并最終在圖像中顯示 ,這些應(yīng)用是目前 HTML 及相關(guān)圖像技術(shù)遠(yuǎn)不可及的 .SVG 作為一種 XML 文檔 ,它是一元 (文本 )格式 ,因此 ,SVG 圖像具備以下特點(diǎn) : 1) 不同于目前常規(guī)的圖像 ,SVG 圖像中的文字是文本格式 .因此 ,SVH 中的文字可以被網(wǎng)絡(luò)搜索引擎做為關(guān)鍵詞搜尋 ,可以真正實(shí)現(xiàn)基于內(nèi)容的圖像搜索引擎 . 2) SVG 圖像可以方便地由 JAVASCRIPT, PERL, JAVA 等程序語(yǔ)言動(dòng)態(tài)生成 ,從而可以開(kāi)發(fā)在線圖像和動(dòng)畫(huà)生成系統(tǒng) 3) SVG完全支持 DOM,因而 SVG以及 SVG中的對(duì)象可以通過(guò)腳本語(yǔ)言接受外部事件的驅(qū)動(dòng) ,實(shí)現(xiàn)對(duì)自身或?qū)ζ渌锛D像的 控制 ,制作交互式的圖像和動(dòng)畫(huà) . 4) SVG 可跨平臺(tái)工作 ,還可解決相關(guān)的外部輸出、色彩模式、網(wǎng)絡(luò)帶寬等問(wèn)題 .簡(jiǎn)言之 ,文本格式使得 SVG 能與其他技術(shù)標(biāo)準(zhǔn)更好地交互和融合 總之，文本格式使得 SVG 能與其它技標(biāo)準(zhǔn)更好的交互和融合 SVG 的矢量圖像 SVG作為一種新興的矢量圖像格式 ,目前還無(wú)法與 FLASH等傳統(tǒng)矢量圖像的繪圖功能相比擬 ,但其先進(jìn)的 XML 特征使它具有天生的優(yōu)越性 ,在 Web 多媒體領(lǐng)域里前景廣闊 .按照 W3C 的 SVG 推薦標(biāo)準(zhǔn) ,SVG 除了幾何矢量圖像生成功能外 ,還具有許多先進(jìn)的矢量圖像生成功能 ,以下 是目前 SVG 所具有的主要矢量圖像生成功能 : 1) 定義可重用部件 在 SVG圖像構(gòu)建中 ,可在文檔定義部分內(nèi) ,對(duì)某些部分指定以后 ,調(diào)用在圖像主體中的標(biāo)識(shí)來(lái)創(chuàng)建可重用部件。點(diǎn)位圖的二進(jìn)制特性使其難以基于數(shù)據(jù)庫(kù)信息動(dòng)態(tài)創(chuàng)建圖像 。 無(wú)論如何， XML 的出現(xiàn)使互聯(lián)網(wǎng)跨入了一個(gè) 新的階段，它將成為因特網(wǎng)領(lǐng)域中一個(gè)重要的開(kāi)發(fā)平臺(tái)。如果每個(gè)人、公司和組織都定義了自己的置標(biāo)語(yǔ)言，它們之間的通信就會(huì)出現(xiàn)困難。另外如何讓更多的人迅速學(xué)會(huì)使用 XML，并利用它進(jìn)行開(kāi)發(fā)，進(jìn)而促進(jìn) XML 的應(yīng)用也是一個(gè)問(wèn)題。各大軟件廠商如 IBM、 Microsoft、 Oracle、 Sun 等都積極支持并參與XML 的研究和產(chǎn)品化工作，先后推出了支持 XML 的產(chǎn)品或者將改造原有的產(chǎn)品以支持 XML， W3C 也一直致力于完善 XML 的整個(gè)理論體系。 事實(shí)上，用 XML 定義的置標(biāo)語(yǔ)言可以根據(jù)標(biāo)記描述的側(cè)重點(diǎn)不同分為兩大類。 7）用 XML 設(shè)計(jì)新的置標(biāo)語(yǔ)言應(yīng)該方便快捷（你不必再去經(jīng)歷標(biāo)準(zhǔn)制定的繁瑣程序了）。 3） XML 應(yīng)該與 SGML 兼容（ *子承父業(yè)嘛，后面我們會(huì)講到， SGML 是 XML的直接先驅(qū)）。準(zhǔn)確的說(shuō)， XML 是一種源置標(biāo)語(yǔ)言，它允許你根據(jù)它所提供的規(guī)則，制定各種各樣的置標(biāo)語(yǔ)言。它同樣依賴于描述一定規(guī)則的標(biāo)簽和能夠讀懂這些標(biāo)簽的應(yīng) 用處理工具來(lái)發(fā)揮它的強(qiáng)大功能。 ? 嵌入方式不一樣 在 HTML 文檔中，兩種編程語(yǔ)言的標(biāo)識(shí)不同， JavaScript 使 來(lái)標(biāo)識(shí)，而 Java 使用 applet.../applet來(lái)標(biāo)識(shí)。 大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 17 前者說(shuō)明 x 為其數(shù)值型變量，而后者說(shuō)明 y為字符型變量。 其中 X=1234 說(shuō)明是一個(gè)整數(shù)， Y=4321 說(shuō)明是一個(gè)字符串。如 : Integer x。 Java 的源代碼在傳遞到客戶端執(zhí)行之前，必須經(jīng)過(guò)編譯，因而客戶端上必須具有相應(yīng)平臺(tái)上的仿真器或解釋器，它可 以通過(guò)編譯器或解釋器實(shí)現(xiàn)獨(dú)立于某個(gè)特定的平臺(tái)編譯代碼的束縛。JavaScript 是種腳本語(yǔ)言，它可以用來(lái)制作與網(wǎng)絡(luò)無(wú)關(guān)的，與用戶交互作用的復(fù)雜軟件。無(wú)須有高性能的電腦，軟件僅需一個(gè)字處理軟件及一瀏覽器，無(wú)須 Web 服務(wù)器通道，通過(guò) 自己的電腦即可完成所有的事情。它是通過(guò)嵌入或調(diào)入在標(biāo) 準(zhǔn)的 HTML 語(yǔ)言中實(shí)現(xiàn)的。 4） J2EE Reference Implementation用來(lái)示范 J2EE 的能力 。 J2EE 正式降低了開(kāi)發(fā)這種中間層服務(wù)的成本和復(fù)雜程度，因而使得服務(wù)可以被快速的展開(kāi)，并能夠更輕松的面對(duì)競(jìng)爭(zhēng)中的壓力。 2） 全性：保護(hù)用戶的隱私和企業(yè)數(shù)據(jù)的安全 。 J2EE 是 Sun 公司推出的一種全新概念的模型 ,與傳統(tǒng)的互聯(lián)網(wǎng)應(yīng)用程序模型相比有著不可比擬的優(yōu)勢(shì)。它的出現(xiàn)彌補(bǔ)了 HTML 語(yǔ)言的缺陷，它是 Java 與 HTML 折衷的選擇，具有以下幾個(gè)基本特點(diǎn)：是一種腳本編寫(xiě)語(yǔ)言；基于對(duì)象的語(yǔ)言；簡(jiǎn)單性；安全性；動(dòng)態(tài)性的；跨平臺(tái)性 JavaScript 是依賴于瀏覽器本身，與操作環(huán)境無(wú)關(guān)，只要能運(yùn)行瀏覽器的 計(jì)算機(jī)，并支持 JavaScript的瀏覽器就可正確執(zhí)行。 2． 2 J2EE 簡(jiǎn)介 JavaScript是一種基于對(duì)象 (Object)和事件驅(qū)動(dòng) (Event Driven)并具有安全性能的腳本語(yǔ)言。 第 2章 “ 基于 SVG 的油田井位圖發(fā)布系統(tǒng) ” 系統(tǒng)開(kāi)發(fā)工具 2． 1 B/S模式 大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 14 B/S 是 Browse/Server 的縮寫(xiě)，它是 Inter 發(fā)展的必然產(chǎn)物。方便了用戶的對(duì)地圖及井位操作的要求。 ：較位圖而言，矢量圖形具有文件小、占用磁盤(pán)空間小等優(yōu)點(diǎn)，非常適合于 網(wǎng)絡(luò)傳輸，而且矢量圖不受分辨率的影響，能夠 任意的放大縮小而不失真。它具有以下優(yōu)點(diǎn)： ：本軟件的設(shè)計(jì)目標(biāo)就是實(shí)現(xiàn)一個(gè)專門(mén)井位發(fā)布及加載系統(tǒng)，由于目標(biāo)單一，技術(shù)上難度不大，較好的實(shí)現(xiàn)了加載、放大、 縮小、移動(dòng)、選擇、查詢油田井位發(fā)布系統(tǒng)需要的大部分功能。而 VML 和 SVG 是在表示圖形的矢量信息同時(shí)加入了圖形的顯示信息（即以什么樣的樣式顯示矢量圖形），是顯示矢量圖形的兩種比較好的格式。 SVG 作為 W3C 組織正式推 薦的圖像格式，擁有眾多的支持機(jī)構(gòu)。 SVG 支持 SMIL（ synchronized multimedia integration language），使得用戶可以自由的同 SVG 中的元素完成一些交互的動(dòng)作，從而完成既定的目標(biāo)，這一點(diǎn)在目前單獨(dú)依靠圖片是完成不了的，需要由網(wǎng)頁(yè)中的腳本語(yǔ)句來(lái)實(shí)現(xiàn)。在以前的圖像中，文本都作為位圖而保存于圖像中，圖像形成以后不能單獨(dú)對(duì)文本進(jìn)行修改；在 PNG 格式中這一點(diǎn)有所改進(jìn)，文本可作為一個(gè)獨(dú)立的層存在； SVG 更靈活地?cái)U(kuò)展了圖像的文件格式，它由三個(gè)部分組成：矢量圖形、位圖和文字。 SVG 是對(duì) PGML 和 VML 的一種綜合 ， 所以 VML 的優(yōu)點(diǎn)也就成為 SVG 的優(yōu)點(diǎn)，例如： 基于 XML 標(biāo)準(zhǔn) ， 高質(zhì)量的矢量圖像 ， 由文本構(gòu)成的圖像 我們可以不用任何圖像處理工具，僅僅用記事本就可以生成一個(gè) SVG 圖像。 SVG(Scalable Vector Graphics) SVG 是一種基于 XML 的開(kāi)放的矢量圖形描述語(yǔ)言。由于 VML 使用簡(jiǎn)單的文本來(lái)表示圖像，這樣就可用很少的字節(jié)來(lái)表示比較復(fù)雜的圖像。 支持高質(zhì)量的矢量圖形顯示 ， VML 支持廣泛的矢量圖形特征，它們基于由相連接的直線和折線描述路徑。下面介紹一下 SVG和 VML。 SVG，VML Draw 224。主要的技術(shù)工具是 XLink 和 Xpointer。例如飛機(jī)場(chǎng)由出租汽車(chē)道、飛機(jī)跑道等組成。 GML 封裝了地理信息及其屬性 ， GML 基于地理信息抽象模型，即空間實(shí)體特征及屬性封裝。運(yùn)用GML，封裝的地理數(shù)據(jù)和圖形解釋是清 楚分離的。 。 事件定義了用戶與頁(yè) 面交互時(shí)產(chǎn)生的各種操作，例如單擊超級(jí)連接或按鈕時(shí)，就產(chǎn)生一個(gè)單擊（ click）操作事件。 可以采用這樣的方法來(lái)訪問(wèn)對(duì)象的屬性：對(duì)象名稱 .屬性名稱，例：=1996， = “me” 。 JavaScript中的 對(duì)象是由屬性和方法兩個(gè)基本的元素的構(gòu)成的。 在 JavaScript中，可以使用以下幾種對(duì)象： web頁(yè)面的內(nèi)容自動(dòng)提供的對(duì)象?？梢詼p少響應(yīng)時(shí)間。