【正文】 在這里就不詳細(xì)。實(shí)現(xiàn)方法與縮放的功能實(shí)現(xiàn)類似。一個二維坐標(biāo)系的矩陣變換式為： 2） 地圖的移動操作 對于地圖的移動操作其實(shí)本質(zhì)就是 SVG中的平移變換。矩陣變換是坐標(biāo)變換的通用形式。 strokewidth:3” line x1=“ 0” y1=“ 0” x2=“ 100” y2=“ 0” / line x1=“ 0” y1=“ 0” x2=“ 100” y2=“ 80” / /g 還有一種在數(shù)學(xué)方面的計(jì)算方法，即矩陣算法。 此功能的實(shí)例代碼如下： g transform=“ scale()” g style=“ fill:none。其中“ sx”和“ sy”分別代表 X軸方向和 Y軸方向拉伸和縮小的比例因子。其次，可以利用 SVG中的伸縮變換元素“ scale” 。 “ viewBox” 屬性的作用是規(guī)定視口的坐標(biāo)范圍。 矢量圖 的圖像構(gòu)造原理與點(diǎn)位圖完全不同 ,矢量圖利用點(diǎn)和線等矢量化的數(shù)據(jù)描述圖像 ,并在圖像中包含色彩和位置信息 ,它有效地克服了點(diǎn)位圖的固有缺陷 .當(dāng)顯示或輸出圖像時 ,圖像的品質(zhì)不受設(shè)備分辨率影響 ,能夠提供高清晰的畫面 ,放大和縮大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 35 小矢量圖不會影響圖像品質(zhì)。i。 var theWells=。 var theExp=number(cx)=+x+ and number(cx)=+(x*1+w*1)+ and number(cy)=+y+ and number(cy)=+(y*1+h*1)。 實(shí)現(xiàn)點(diǎn)擊選擇井位的關(guān)鍵代碼如下： function selectWells(x,y,w,h) { if (xmlDoc==null) return。 在此定義了 井位信息的查找范圍及定位方式。此時如果使用鼠標(biāo)左鍵單擊井位標(biāo)記，系統(tǒng)則會自動連接數(shù)據(jù)庫，調(diào)出該口油井所包含的詳細(xì)信息。y2=+y2。y1=+theView[1]+amp。 var y2=theView[1]*1+theView[3]*1。 井位標(biāo)記 大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 34 var theView = (viewBox).split( )。此函數(shù)代表增加井位， 通過 對井位坐標(biāo)的計(jì)算來調(diào)用相應(yīng)的函數(shù)值，依據(jù)變量來計(jì)算出添加的油井的具體位置，實(shí)現(xiàn)此事件的關(guān)鍵代碼如下： function addWell() { if (xmlDoc!=null) return。 %=jh% 添加 SVG元素后在地圖上的顯示效果如下圖： 圖 顯示井位標(biāo)記界面 2） 增加井位事件的實(shí)現(xiàn) 雖然有了利用 SVG語言添加 圖形元素的方法，但這樣只是界面的制作及 實(shí)現(xiàn)， 還需要利用 Javascript對增加井位事件進(jìn)行編譯。 stroke=39。 fontsize=39。 y=39。 text x=39。 g transform=39。/ g transform=39。 fill=39。 r=39。 cy=39。 circle cx=39。 stroke:none。 stroke:none。 4． 3 各功能模塊的實(shí)現(xiàn) 4． 3． 1 添加井位 1） 添加 圖 形元素 當(dāng)點(diǎn)擊“增加井位”的按鈕時會在地圖區(qū)域的相應(yīng)位置顯示出一個紅色圓點(diǎn)。 3 查詢詳細(xì)信息 圖符： 查詢詳細(xì)信息按鈕 的 SVG 語句： input type=button value= 查 詢 詳 細(xì) 信 息 name=chaxun onclick=chaxun() 語義： 此按鈕定義了按鈕名稱“查詢詳細(xì)信息”并同時調(diào)用了函數(shù)chaxun()。 這里的圖象覆蓋是指重疊，原來的底層圖仍然可見。它們詳細(xì) SVG定義語句及語義如下： 1 顯示地質(zhì)信息 圖符： 定義 顯示地質(zhì)信息 的 SVG 語句： input type=button value= 顯示地質(zhì)信息 name=BGeologic onclick=switchGeologic() 語義： 點(diǎn)擊此按鈕后在地圖區(qū)又會覆蓋一層新的圖象，按鈕名稱為“顯示地質(zhì)信息”。 上圖中， 三種功能按鈕 為： 顯示地質(zhì)信息 、 增加井位 、 查詢詳細(xì)信息 。 模型定制的主界面如下： 大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 31 圖 油田井位圖發(fā)布系統(tǒng)主界面 4． 2． 2 快捷鍵介紹 系統(tǒng)快捷鍵部分包括用 三 種 實(shí)現(xiàn)系統(tǒng)功能的按鈕 。在此區(qū)域內(nèi)，當(dāng)用戶完成增加井位的的操作后，便可在地圖相應(yīng)的坐標(biāo)點(diǎn)上找到該油井的圖例和井名。 4） 地圖區(qū) ：用戶將在 地圖 區(qū) 瀏覽總體概況 。 系統(tǒng) 的主界面 主要包括以下部分： 1） 工具 欄：實(shí)現(xiàn)各種功能的系統(tǒng)界面區(qū)域 ； 2） 信息 欄： 用于顯示在地圖上的井位信息 ，并方便用戶對其 信息 進(jìn)行 查看 ； 3） 快捷鍵：用戶點(diǎn)擊相應(yīng)的快捷鍵，就可以在 地圖的區(qū)域添加井位，并且在信息欄中產(chǎn)生井位的相關(guān)信息，點(diǎn)擊“增加井位”按鈕可自動連接數(shù)據(jù)庫并調(diào)用相關(guān)的井位信息。 下面介紹一下數(shù)據(jù)庫 設(shè)計(jì)過程。在軟件開發(fā)過程中要多次用到數(shù)據(jù)庫，因此數(shù)據(jù)庫的設(shè)計(jì)要與系統(tǒng)設(shè)計(jì)相結(jié)合，使其能夠把系統(tǒng)中的各個數(shù)據(jù)表組織起來，使系統(tǒng)能夠方便、及時、準(zhǔn)確的從數(shù)據(jù)庫中得到需要的信息以及準(zhǔn)確的將需要的 數(shù)據(jù)分類重新存儲到數(shù)據(jù)庫新的表中。 4. 1 數(shù)據(jù)表結(jié)構(gòu)的描述 此系統(tǒng)既然是一個能夠獨(dú)立運(yùn)行的軟件系統(tǒng)，必然具有完整的數(shù)據(jù)庫來源，有了豐富的數(shù)據(jù)庫資源才能支持系統(tǒng)核心部分的運(yùn)行。方便用戶的同時也豐富了系統(tǒng)的瀏覽方式。保證在地圖不失真的情況下，操作 人員可掌握更豐富的地圖信息。 大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 27 3)井位詳細(xì)信息的查詢 ： 當(dāng)系統(tǒng)自動連接數(shù)據(jù)庫后，用戶可以對已經(jīng)選擇的井位進(jìn)行詳細(xì)信息的查詢，信息以表格的形式戰(zhàn)線給用戶。這也是為了方便用戶區(qū)分不同的油井。本課題的大多數(shù)工作量也在這里，設(shè)計(jì)此功能模塊的主要目的在于能讓用戶更直觀的了解井位信息，方便用戶的操作，使用戶與系統(tǒng)達(dá)到一個較好的人機(jī)交互的效果 。 油田井位圖發(fā)布系統(tǒng) 得到了許多企業(yè)的重視和大力支持，在經(jīng)濟(jì)完全可行。它與 HTML相比體現(xiàn)出眾多優(yōu)勢，現(xiàn)在的各主要瀏覽器都支持它，在本課題中，主要利用 XML在語義方面的優(yōu)勢，將 制作好的井位地圖 ，存儲為 XML格式。 用 SVG+JAVASCRIPT 來實(shí)現(xiàn)井位圖發(fā)布與加載 完全可行。 JAVASCRIPT 技術(shù)是目前比較流行也是十分成熟的腳本 語言，使用它可以實(shí)現(xiàn)與 SVG 的動態(tài)交互，它可以對用戶的輸入做出響應(yīng)，它對用戶的反應(yīng)響應(yīng)，采取以事件驅(qū)動的方式進(jìn)行。各種開發(fā)工具及應(yīng)用軟件也不斷商業(yè)化，其發(fā)展前景是不可限量的； SVG 技術(shù)是基于 XML技術(shù)的，其語法結(jié)構(gòu)是符合XML規(guī)則的，是 XML的一個運(yùn)用。 本文的基于 SVG的 油田井位圖發(fā)布的設(shè)計(jì)與實(shí)現(xiàn) 基于 SVG平臺，主要應(yīng)用JAVASCRIPT、 SVG 和 XML等技術(shù)。需要指出的是可行性研究的目的不是解決問題，而只是確定問題是否值得去解決，是否能夠解決。 3. 2 可行性分析 根據(jù)軟件工程理論，可行性研究的目的是用最小的代價在盡可能短的時間內(nèi)確定問題是否能夠解決。利用 JAVASCRIPT和 SVG 技術(shù)制作出一幅帶有放大、縮小、移動、查找文字等功能的地圖，然后利用數(shù)據(jù)庫技術(shù)實(shí)現(xiàn)大量井位數(shù)據(jù)的動態(tài)加載，需要加 載的數(shù)據(jù)信息包括油井的坐標(biāo)、類型、所屬單位等相關(guān)信息。在《 XML 完全探索》這本書中，我決定利用 JAVA Script 同 SVG 結(jié)合的方法來實(shí)現(xiàn)地圖的制作。 首先利用 SVG 建立某一地區(qū)的油田坐標(biāo)信息描繪，然后從數(shù)據(jù)庫中抽取該地區(qū)所有油井的井位坐標(biāo)信息，并通過某種的方式將這些井位信息繪制到 SVG地圖中；通過 SVG 地圖放大、縮小、移動、查找文字等功能實(shí)現(xiàn)井位信息的查詢。在復(fù)制的過程中，有自動沖突檢測和解決的手段。 數(shù)據(jù)庫復(fù)制技術(shù)包括：實(shí)時復(fù)制、定時復(fù)制、儲存轉(zhuǎn)發(fā)復(fù)制。 下圖為 ORACLE 分布式數(shù)據(jù)庫原理示意圖： 大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 24 過程 由網(wǎng)絡(luò)相連的兩個 ORACLE數(shù)據(jù)庫之間通過數(shù)據(jù)庫鏈接 (DBLINKS)建立訪問機(jī)制，相當(dāng)于一方以另一方的某用戶遠(yuǎn)程登錄所做的操作。 下圖為 ORACLE 數(shù)據(jù)庫邏輯結(jié)構(gòu)與物理結(jié)構(gòu)的對照關(guān)系： 分布式數(shù)據(jù)庫管理介紹 原理 物理上存放于網(wǎng)絡(luò)的多個 ORACLE 數(shù)據(jù)庫，邏輯上可以看成一個單個的大數(shù)據(jù)庫。非系統(tǒng)表空間內(nèi)存儲著各項(xiàng)應(yīng)用的數(shù)據(jù)、索引、程序等相關(guān)信息。 大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 23 下圖為 ORACLE 數(shù)據(jù)庫擴(kuò)充前后在硬盤上存儲結(jié)構(gòu)的示意圖： 邏輯結(jié)構(gòu) ORACLE 數(shù)據(jù)庫在邏輯上是由許多表空間構(gòu)成。 ORACLE 的存儲結(jié)構(gòu) 物理結(jié)構(gòu) ORACLE 數(shù)據(jù)庫在物理上是存儲于硬盤的各種文件。 5）、提供了新的分布式數(shù)據(jù)庫能力。 4）、提 供了與第三代高級語言的接口軟件 PRO*系列，能在 C,C++等主語言中嵌入 SQL 語句及過程化 (PL/SQL)語句，對數(shù)據(jù)庫中的數(shù)據(jù)進(jìn)行操縱。在數(shù)據(jù)庫管理功能、完整性檢查、安全性、一致性方面都有良好的表現(xiàn)。這減少ORACLE 的資源占用，并增強(qiáng)了 ORACLE 的能力，使之在低檔軟硬件平臺上用較少的資源就可以支持更多的用戶，而在高檔平臺上可以支持成百上千個用戶。是目前最流行的客戶/服務(wù)器 (CLIENT/SERVER)體系結(jié)構(gòu)的數(shù)據(jù)庫之一。但目前現(xiàn)成的 SVG 創(chuàng)作工具只能實(shí)現(xiàn) SVG 靜態(tài)圖像和簡單交互功能。 3） IMS Web Engine IMS Web Engine 是 Virtural Mechanics 開發(fā)的網(wǎng)頁創(chuàng)作軟件，主要用于創(chuàng)作 HTML DHTML, SVG 頁面，其精靈向?qū)?(numen)可以定義簡單的 SVG 動態(tài)交互動作， Web Engine 目前最大的不足是滅有提供源代碼視圖，大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 22 因而無法直接進(jìn)行源代碼的修改和編輯。 2) Web Draw Web Draw 是 Jasc Software 研究的 SVG 專業(yè)創(chuàng)作工具，通過直接畫布拖拉及濾鏡效果模塊化組合， Web Draw 可以避免手寫源代碼。 SVG 的實(shí)現(xiàn) 工具 目前 SVG 創(chuàng)作工具還處于開發(fā)研制階段，比較流行的工具有： 1) Adobe Adobe 時目前較為成功的一款結(jié)合SVG 功能的矢量創(chuàng)作軟件。 6) 動畫和交互性 動畫一般通過更改對象屬性來實(shí)現(xiàn)， SVG 也不例外， SVG 定義了專用與動畫的 5 種元素 ,既 animate,animateMotion,animateColor， animateTransform,set。 . 4) 路徑和曲線 利用路徑命令可創(chuàng)建作為圖像一部分精確定義的形狀，動畫或文本也可以被設(shè)定為沿某一特定路徑前進(jìn)。 大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 21 2) 漸變和濾鏡 SVG 代碼可指定沿漸變向量顏色“停止”或顏色點(diǎn) .濾鏡是 SVG 最強(qiáng)大的功能之一 ,它不僅可實(shí)現(xiàn)位圖所具有的濾鏡效果 ,而且由于其基于 XML 的文本化特征 ,其濾鏡效果可任意修改、替換和刪除 .。 矢量圖的圖像構(gòu)造原理與點(diǎn)位圖完全不同 ,矢量圖利用點(diǎn)和線等 矢量化的數(shù)據(jù)描述圖像 ,并在圖像中包含色彩和位置信息 ,它有效地克服了點(diǎn)位圖的固有缺陷 .當(dāng)顯示或輸出圖像時 ,圖像的品質(zhì)不受設(shè)備分辨率影響 ,能夠提供高清晰的畫面 ,放大和縮小矢量圖不會影響圖像品質(zhì) .另外 ,Web 瀏覽器接收的指令可以與外部信息源 (如應(yīng)用程序和數(shù)據(jù)庫 )進(jìn)行綁定 ,當(dāng)要制作動畫時 ,Web 瀏覽器只要接收有關(guān)如何操縱屬性 (如半徑或顏色 )指令即可 . 什么是 SVG 大慶石油學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 20 可 伸縮矢量圖像 SVG 的語法結(jié)構(gòu)是基于 XML.,SVG 文檔本質(zhì)上就是規(guī)范的XML 文檔。點(diǎn)位圖的動畫實(shí)現(xiàn)也僅限于采用快速連續(xù)顯示單獨(dú)圖像的方法 。 2． 5 SVG 語言簡介 點(diǎn)位圖與矢量圖 計(jì)算機(jī)生成數(shù)字化圖像一般分為兩種方法 :點(diǎn)位圖法和矢量圖法 .點(diǎn)位圖法是把一幅圖分成許許多多的像素 ,每個像素用若干個二進(jìn)制位來指定該像素的顏色、亮度和屬性 .矢量圖法是用一系列計(jì)算機(jī)指令來表示一幅圖 ,如畫點(diǎn)、畫線、畫圓、畫矩形等 .目前 ,Web 頁面中大多數(shù)圖像格式都為點(diǎn)位圖格式 ,比較常用的如 GIF 和JPEG 格式等 .點(diǎn)位圖具有很多優(yōu)越性 ,它能忠實(shí)再現(xiàn)攝影圖像 ,其編輯、開發(fā)工具種類繁多且簡單易用 ,其圖像構(gòu)造原理直觀易懂 .但點(diǎn)位圖也存在一些固有缺陷 ,主要表現(xiàn)為 :其顯示受分辨率影響 ,Web 瀏覽器須為那些在原始圖像中不存在的像素插入或猜測數(shù)值 。 XML 的誕生已經(jīng)而且將繼續(xù)促使全新種類的應(yīng)用程序的產(chǎn)生，而這些新的應(yīng)用程序又將需要新的軟件和硬件工具。更糟糕的是，由于對應(yīng)用的理解不一致和商業(yè)利益等原因，同一個領(lǐng)域也許還有多個標(biāo)準(zhǔn)化組織，它們形成的置標(biāo)語言并不完全兼容，使得采取不同標(biāo)準(zhǔn)的計(jì)算機(jī)仍然難以通信。因此在一些領(lǐng)域先后出現(xiàn)了一些標(biāo)準(zhǔn)化組織，它們的任務(wù)就是規(guī)范本領(lǐng)域的置標(biāo)語言，形成統(tǒng)一的標(biāo)準(zhǔn)，使得在本領(lǐng)域內(nèi)的通