【正文】 在此利用了 SVG中的一個(gè)關(guān)于平移的關(guān)鍵元素“ translate”。大于 1是拉伸，小于 1是縮小。i++) 4． 3． 3 地圖控制 1） 地圖的放大與縮小 要實(shí)現(xiàn)在 SVG中的縮放， 首先要澄清 SVG的成像原理及成像特點(diǎn)。當(dāng)然， 只有將 SVG數(shù)據(jù)轉(zhuǎn)換為一定格式的 XML文檔存儲(chǔ)，系統(tǒng)才能自動(dòng)連接數(shù)據(jù)庫(kù)， 采用 XML作為模型存儲(chǔ)格式有 一 個(gè)好處： 因?yàn)樗跀?shù)據(jù)交換方面 具有 強(qiáng)大功能 。 var theJsp=?x1=+theView[0]+amp。00000039。matrix(1 0 0 1 0 0)39。%=zby%39。 此紅色圓點(diǎn)代表一口油井， 地圖上還有若干個(gè)這樣的紅色圓點(diǎn)， 在圓點(diǎn)旁邊還有此油井的井名， 通過(guò) SVG 語(yǔ)言可以 表現(xiàn)出各種圖形， 在這里 使用了圓形作為標(biāo)記，那么如 何使用 SVG 語(yǔ)言實(shí)現(xiàn)圖形描述呢？ 關(guān)于圓形的代碼如下： svg circle cx=”4cm” cy=”” r=”” style=”fill:red。它們可以用 SVG 語(yǔ)言定義好，在用戶 點(diǎn)擊按鈕 時(shí)調(diào)用函數(shù)動(dòng)態(tài)生成。因此，此快捷鍵包含查看和調(diào)用兩個(gè)功能。 大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 28 3． 4 功能模塊圖 根據(jù)上述模塊劃分，我們畫出系統(tǒng)的模塊圖如下（圖 ）： 基于 SVG 的油田井位圖發(fā)布系統(tǒng) 的模塊圖 大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 29 第 4 章 基于 SVG 的油田井位圖發(fā)布系統(tǒng) 的 設(shè)計(jì)及 實(shí)現(xiàn) 通過(guò)前面的系統(tǒng)分 析與總體設(shè)計(jì)，我們已經(jīng)對(duì)本系統(tǒng)的基本功能與實(shí)現(xiàn)方式有了一定的了解，在這一章里，我們將講述基于 SVG 的 油田井位圖發(fā)布系統(tǒng) 的各功能模塊是怎么實(shí)現(xiàn)的。 在這個(gè)功能 中還包含著多種圖形的添加，比如圓形、矩形和橢圓。 JavaScript依賴于瀏覽器本身，與操作環(huán)境無(wú)關(guān)，只要能運(yùn)行瀏覽器的計(jì)算機(jī)，并支持 JavaScript的瀏覽器就可正確執(zhí)行。這一步在入軟件開發(fā)過(guò)程中占有重要的地位，如果系統(tǒng)不可行，那么后繼的一切工作都是徒勞的。 大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 25 第 3 章 “ 基于 SVG 的油田井位圖發(fā)布系統(tǒng) ”系統(tǒng)分析 3. 1 需求分析 基于 SVG 的油田井位圖發(fā)布系統(tǒng)的 是 開發(fā) 井?dāng)?shù)據(jù)庫(kù)項(xiàng)目中的一個(gè)重要的模塊，目的是 在 SVG 格式的油井分布圖中輕松的實(shí)現(xiàn)大量井位數(shù)據(jù)的動(dòng)態(tài)加載；進(jìn)而利用 SVG 圖形的特性方便的實(shí)現(xiàn)井位信息的定位和利用。我們準(zhǔn)備上馬一個(gè)較大的 ORACLE 應(yīng)用系統(tǒng)時(shí)，應(yīng)該創(chuàng)建它所獨(dú)占的表空間，同時(shí) 定義物理文件的存放路徑和所占硬盤的大小。加上它有許多優(yōu)秀的前臺(tái)開發(fā)工具如 POWER BUILD、 SQL*FORMS、 VISIA BASIC 等，可以快速開發(fā)生成基于客戶端 PC 平臺(tái)的應(yīng)用程序，并具有良好的移植性。因此，用戶為了實(shí)現(xiàn)功能強(qiáng)大的 SVG矢量動(dòng)畫功能，還需通過(guò)手工編輯 SVG 文檔來(lái)實(shí)現(xiàn) 2． 6 ORACLE 簡(jiǎn)介 ORACLE 是以高級(jí)結(jié)構(gòu)化查詢語(yǔ)言 (SQL)為基礎(chǔ)的大型關(guān)系數(shù)據(jù)庫(kù)，通俗地講它是用方便邏輯管理的語(yǔ)言操縱大量有規(guī)律數(shù)據(jù)的集合。 SVG可以通過(guò)捕獲某些事件來(lái)啟動(dòng)腳本以實(shí)現(xiàn)交互性，最常用的有 onclick, onactivate, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, ， onload, onresize,onunload,onrepeat。點(diǎn)位圖需要的存儲(chǔ)空間要比矢量圖多 .。但在標(biāo)準(zhǔn)推出并得到廣泛認(rèn)可之前，各自為政的局面將繼續(xù)下去。首先， XML 的規(guī)則只是邁出了第一步，還有許多技術(shù)細(xì)節(jié)沒(méi)有解決。 9） XML 文件應(yīng)該容易編制（想想要用 “記事本 ”寫個(gè) HTML 是一件多么可怕的工作）。 XML 制定的目標(biāo) 1） XML 應(yīng)該可以在互 聯(lián)網(wǎng)上直接使用（ *就象 HTML 那樣好用）。 JavaScript 采用動(dòng)態(tài)聯(lián)編，即 JavaScript 的對(duì)象引用在運(yùn)行時(shí)進(jìn)行檢查，如不經(jīng)編譯則就無(wú)法實(shí)現(xiàn)對(duì)象引用的檢查。即變量在使用 前不需作聲明，而是解釋器在運(yùn)行時(shí)檢查其數(shù)據(jù)類型，如： x=1234。 ? 強(qiáng)變量和弱變量 兩種語(yǔ)言所采取的變量是不一樣的。 Java 是 SUN 公司推出的新一代面向?qū)ο蟮某绦蛟O(shè)計(jì)語(yǔ)言，特別適合于 Inter應(yīng)用程序開發(fā)；而 JavaScript 是 Netscape 公司的產(chǎn)品，其目的是為了擴(kuò)展 Netscape Navigator 功能 ,而開發(fā)的一種可以嵌入 Web 頁(yè)面中的基于對(duì)象和事件驅(qū)動(dòng)的解釋性語(yǔ)言 , 它的前身是 Live Script；而 Java 的前身是 Oak 語(yǔ)言。使用它的目的是與 HTML 超文本標(biāo)記語(yǔ)言、 Java 腳本語(yǔ)言（ Java 小程序）一起實(shí)現(xiàn)在一個(gè) Web 頁(yè)面中鏈接多個(gè)對(duì)象，與 Web 客戶交互作用。 通常這些服務(wù)是由分布的應(yīng)用程序組成的，包括前端數(shù)據(jù)端和后端數(shù)據(jù)源以及它們之間的一層或幾層，這些中間層提供了把商業(yè)功能和數(shù)據(jù)與 EIS 相結(jié)合的功能。實(shí)際上 JavaScript 最杰出之處在于可以用很小的程序做大量的事。數(shù)據(jù)庫(kù)服務(wù)器得到請(qǐng)求后，將驗(yàn)證其合法性，并進(jìn)行數(shù)據(jù)處理，然后將處理結(jié) 果返回給 WEB 服務(wù)器， WEB 服務(wù)器再一次將得到的所有結(jié)果進(jìn)行轉(zhuǎn)化，變成 HTML 文本形式，轉(zhuǎn)發(fā)給客戶端瀏覽器以友好的 WEB 頁(yè)面形式顯示出來(lái)。而系統(tǒng)正是這樣一款矢量圖形發(fā)布系統(tǒng)。但由于 VML 有 IE 的支持，而 SVG 要想在瀏覽器中顯示就需要安裝插件，在這一點(diǎn)上， VML 優(yōu)于 SVG。而這在其它格式的圖片文件中則是不可能的。其實(shí)仔細(xì)想想也可以理解，矢量圖像一般是以算法指令來(lái)描述，建立在文本基礎(chǔ)上的 SVG 圖像中所有的描述語(yǔ)句都可以直接觀察到，所以也非常容易進(jìn)行二次修改與更新， “ 可升級(jí) ” 的特點(diǎn)在這里可以得到恰當(dāng)?shù)姆从场?VML 標(biāo)記里面可以定義 DHTML 大部分屬性和事件，比如說(shuō) id、 name、 title 、 onmouseover 等等 。使用 VML 可以在 IE 中繪制矢量圖形，所以有人認(rèn)為 VML 就是在IE 中實(shí)現(xiàn)了畫筆的功能。它只能描述空間實(shí)體的矢量 信息和屬性，具體顯示的時(shí)候可采用兩種不同的途徑： GML Draw224。目前 GML 主要局限在二維應(yīng)用，正擴(kuò)展到二維半和三維空間以及特征間的拓?fù)潢P(guān)系。 1． 3 GML、 VML 和 SVG 的比較 GML、 SVG 和 VML 都是基于 XML 的可用來(lái)描述矢量圖形的標(biāo)記語(yǔ)言，都是 XML詞表，它們的語(yǔ)法并不難理解，但它們都有各自不同的用途和特點(diǎn)，下面簡(jiǎn)單介紹一下。 多看或多寫一些程序，就會(huì)理解對(duì)象的方法和屬性的含義了！各個(gè)對(duì)象的各種屬性和方法，事件是瀏覽器響應(yīng)用戶交互操作的一種機(jī)制， JavaScript的事件處理機(jī)制可以改變?yōu)g覽器響應(yīng)用戶操作的方式，這樣就開發(fā)出具有交互性，并易于使用的網(wǎng)頁(yè)。 。 CSS的優(yōu)點(diǎn)是簡(jiǎn)潔，消耗系統(tǒng)資源少；而 XSLT雖然功能強(qiáng)大，但因?yàn)橐匦滤饕?XML結(jié)構(gòu)樹，所以消耗內(nèi)存比較多。 XSL在轉(zhuǎn)換 XML文檔時(shí)分為明顯的兩個(gè)過(guò)程，第一轉(zhuǎn)換文檔結(jié)構(gòu)；其次將文檔格式化輸出。電子商務(wù)數(shù)據(jù)交換的與日俱增使得這種需求越來(lái)越緊迫。 XSLT的英文標(biāo)準(zhǔn)名稱為 eXtensible Stylesheet Language Transformation。我的畢業(yè)設(shè)計(jì) “基于 SVG 的油田井位圖發(fā)布系統(tǒng) ”就是針對(duì)以上功能設(shè) 計(jì)和實(shí)現(xiàn) 的，希望能夠?qū)崿F(xiàn)一個(gè)基于 B/S 模式的井位發(fā)布系統(tǒng)。 Dynamic load； B/S Mode； SVG；Javascript 大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 4 目 錄 第 1 章 概述 ……………………………………………… ……………… 井位加載 ……………………………………………………… ………… . 矢量圖井位加載 …………………………………………………… …… GML、 VML 和 SVG 的比較 …………………………………………… 本系統(tǒng)的優(yōu)勢(shì) ……………………… ………………………………… … 第 2 章 “ 基于 SVG 的油田井位圖發(fā)布系 統(tǒng) ”系統(tǒng)開發(fā)工具 ……………… J2EE 簡(jiǎn)介 ………………………………………………………………… .. 2． 2 B/S 模式介紹 …………………………………………………………… . 2． 3 JAVASCRIPT 語(yǔ)言簡(jiǎn)介 ………………………………… …………… XML 簡(jiǎn)介 …………………………………………………….... ............ SVG 語(yǔ)言簡(jiǎn)介 ………………………………………………………… ORACLE 數(shù)據(jù)庫(kù)簡(jiǎn)介 ……………………………………………….. 第 3 章 “ 基于 SVG 的油田井位圖發(fā)布系統(tǒng) ” 系統(tǒng)分析 …………………… 需求分析 ………………………………………………………………… 可行性分析 ……………………………………………………………… 各功能模塊的主要功 能 ................................................................................. 系統(tǒng) 功能 模塊圖 ……………………………………………………………… 第 4 章 “ 基于 SVG 的油田井位圖發(fā)布系統(tǒng) ” 系統(tǒng) 設(shè)計(jì)及實(shí)現(xiàn) ……………… 數(shù)據(jù)表結(jié)構(gòu)的 描述 ……………………………………………… 系統(tǒng)的界面設(shè)計(jì)及實(shí)現(xiàn) ………………………………………………… 系統(tǒng)的功能設(shè)計(jì)及實(shí)現(xiàn) ………………………………………………… 系統(tǒng)測(cè)試 ………………………………………………………... ........... 第 5 章 結(jié)束語(yǔ) ………………………………………………………... .............. 參考文獻(xiàn) …………………………………………………………………… 致謝 ……………………………………… ………………………………… 附錄 …………………………………………………………………… … 大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 5 第 1章 概述 1． 1 井位加載 隨著計(jì)算機(jī)的使用越來(lái)越普遍，計(jì)算機(jī)在各行各業(yè)也發(fā)揮著越來(lái)越重要的作用。大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 1 畢業(yè)設(shè)計(jì)論文 基于 SVG 的油田井位圖發(fā)布系統(tǒng) 大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 2 摘 要 基于 SVG 的油田井位圖發(fā)布系統(tǒng)的 是 開發(fā) 井?dāng)?shù)據(jù)庫(kù)項(xiàng)目中的一個(gè)重要的模塊，目的是 在 SVG 格式的油井分布圖中輕松的實(shí)現(xiàn)大量井位數(shù)據(jù)的動(dòng)態(tài)加載；進(jìn)而利用 SVG 圖形的特性方便的實(shí)現(xiàn)井位信息的定位和利用。它正改變著我們的生活，并將遠(yuǎn)遠(yuǎn)超過(guò)電話、電報(bào)、汽車 、電視??對(duì)人類生活的影響。 在設(shè)計(jì)中，我采用 SVG 圖形編輯語(yǔ)言，把 JavaScript 作為腳本工具。根據(jù) W3C的規(guī)范說(shuō)明書 (早設(shè)計(jì) XSLT的用意是幫助 XML文檔 (document)轉(zhuǎn)換為其它文檔。 為了使數(shù)據(jù)便于人們的閱讀理解，我們需要將信息顯示出來(lái)或者打印出來(lái)，例如 將數(shù)據(jù)變成一個(gè) HTML文件，一個(gè) PDF文件，甚至是一段聲音；同樣，為了使數(shù)據(jù)適合不同的應(yīng)用程序，我們必須有能夠?qū)⒁环N數(shù)據(jù)格式轉(zhuǎn)換為另一種數(shù)據(jù)格式，比如需求格式可能是一個(gè)文本文件，一個(gè) SQL語(yǔ)句，一個(gè) HTTP信息，一定順序的數(shù)據(jù)調(diào)用等。這兩步可以分離開來(lái)并單獨(dú)處理，因此 XSL在發(fā)展過(guò)程中逐漸分裂為 XSLT(結(jié)構(gòu)轉(zhuǎn)換 )和 XSLFO(formatting objects)(格式化輸出 )兩種分支語(yǔ)言，其中 XSLFO的作用就類似 CSS在 HTML中的作用。 因此，我們常常將它們結(jié)合起來(lái)使用，比如在服務(wù)器端用 XSLT處理文檔，在客戶端用 CSS來(lái)控制顯示。 。 瀏覽器為了響應(yīng)某個(gè)事件而進(jìn)行的處理過(guò)程，叫做事件處理。 大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 10 GML(Geography Markup Language) 是基于 XML 的空間信息編碼標(biāo)準(zhǔn)，由 OpenGIS Consortium (OGC)提出，得到了許多公司的大力支持，如 Oracle、 Galdos、 MapInfo、 CubeWerx 等。 GML 允許相 當(dāng)復(fù)雜的特征，如特征間的嵌套。 Display 和 GML Transform 224。下面介紹一下 VML 的優(yōu)點(diǎn)： 基于 XML 標(biāo)準(zhǔn) ， XML 是公認(rèn)擁有無(wú)窮生命力的下一代網(wǎng)絡(luò)標(biāo)記語(yǔ)言， VML 具大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 11 有先天的優(yōu)勢(shì)，它的表示方法簡(jiǎn)單，易于擴(kuò)展等等 。 支持交互與動(dòng)畫 ， VML 的功能不只是繪圖，他還可以在圖形中嵌入文本，并可實(shí)現(xiàn)