【正文】 1( , , )x y za ， 2 2 2( , , )x y zb ，有關(guān)的向量運(yùn)算有： O X y p(x ,y) p1(x1 ,y1) y x O p(x ,y) p1(x1 ,y1) p3(x3 ,y3) p4(x4 ,y4) 江蘇技術(shù)師范學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書 (論文 ) 第 22 頁(yè) 共 34頁(yè) (1) 兩個(gè)向量的和、差運(yùn)算 1 2 1 2 1 2( , , )x x y y z z? ? ? ? ?ab （ 52） (2) 兩個(gè)向量的點(diǎn)乘運(yùn)算 1 1 2 2 3 3x y x y x y? ? ?ab （ 53） (3) 兩個(gè)向量的 叉 乘運(yùn)算 1 1 1 1 2 2 1 1 2 2 1 1 2 2 12 2 2( , , )x y z y z y z z x z x x y x yx y z? ? ? ? ? ?i j kab （ 54） (4) 向量的長(zhǎng)度 2 2 21 1 1|| x y z? ? ? ?a a a （ 55） （ 2） 矩陣及矩陣運(yùn)算 由 mn? 個(gè)數(shù) ( 1 , 2 , , 。 （ 1） 向量及向量運(yùn)算 一個(gè)物理量， 假如 我們只關(guān)心其數(shù)值的大小（ 比如說(shuō) 物體的質(zhì)量、體積、密度），那么 這樣的量統(tǒng)稱為標(biāo)量，如果我們既關(guān)心其數(shù)值大小，還關(guān)心其 方向 ，則這樣的 量統(tǒng)稱為向量。 江蘇技術(shù)師范學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書 (論文 ) 第 21 頁(yè) 共 34頁(yè) 圖 510 鋼筆工具繪制曲線路徑片段 下面是鋼筆工具繪制直線段實(shí)例圖：起點(diǎn)是 p(x ,y)，終點(diǎn)是 p1(x1 ,y1) 圖 511 鋼筆工具繪制直線路徑片段 二維圖形基本變換 二維圖形的基本變換包括平移、比例和旋轉(zhuǎn)三種變換 圖形變換的數(shù)學(xué)基礎(chǔ) 在圖形變換過(guò)程中 需 要大量 使用矢量 、矩陣 表示及其 運(yùn)算。下面例舉了兩條曲線段 O X y p(x ,y) 72176。第二種情況是： 當(dāng)鼠標(biāo)左鍵按下 、彈 起，然后移動(dòng)鼠標(biāo)到某一個(gè)點(diǎn)再左擊按下、 彈起，該點(diǎn)就是終點(diǎn) ，在這種情況下，生成的是一個(gè)直線段。 圖 59 等五邊形繪制算法示例圖 繪制等五邊形的核心代碼部 分如下： 鋼筆工具 在本系統(tǒng)中，鋼筆工具 是一個(gè) 既可以繪制直線段，也可以繪制曲線段 的工具 ，還可以 繪制 任意自由圖形。 LineTo（ x1， y1） LineTo（ x2， y2） LineTo（ x3， y3） 120176。 每轉(zhuǎn)一次都調(diào)用 LineTo 函數(shù)生成直線片段，最后O X y 120176。如 圖 59 所示：繪制起點(diǎn) 為 p(x,y)，每次轉(zhuǎn)72176。等五邊形可以看成是五條 直線片段以 108176。 每轉(zhuǎn)一次都調(diào)用 LineTo 函數(shù)生成直線路徑片段，最后生成三角形。夾角圍成的封閉圖形。 (2) 函數(shù)的調(diào)用關(guān)系： 圖 57 DrawEllipse ( ) MoveTo( ) CurveTo() O X 1/2a 1/2b p(x ,y) CurveTo (x1 ,y1) y xc yc 江蘇技術(shù)師范學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書 (論文 ) 第 19 頁(yè) 共 34頁(yè) 三角形 本系統(tǒng) 實(shí)現(xiàn) 的是等邊三角形 的繪制。 橢圓 橢圓是關(guān)于長(zhǎng)軸和短軸 都對(duì)稱的， 可以將橢圓看成是有四段貝 塞爾曲線片段組成的， 橢圓的標(biāo)準(zhǔn)方程如下： (x xc)2 / a2 +(x yc)2 / b2 = 1 （ 51） 根據(jù) 貝賽爾曲線算法 圖 56 橢圓繪制算法示例圖 (1) 本系統(tǒng)中繪制 橢圓 的函數(shù)為： DrawEllipse(RectF rcfSize) 其中， RectF rcfSize 定義了一個(gè)矩形類變量，該變量包含了矩形的左上角頂點(diǎn)坐標(biāo)以及矩形的長(zhǎng)和寬。 Close()函數(shù)的功能是閉合路徑。 GetTopLeftPoint( )函數(shù) 實(shí)現(xiàn)了 獲得矩形的左上頂點(diǎn) 的功能 ， 該點(diǎn) 作為繪制矩形的起始點(diǎn) 。 圖 54 矩形繪制算法示例圖 (1) 本系統(tǒng)中繪制 矩形 的函數(shù)為： DrawRectangle(RectF rcfSize) 其中 ，定義了一個(gè)矩形類 參數(shù) ，該 參數(shù) 包含了矩形的左上角頂點(diǎn)坐標(biāo)以及矩形的長(zhǎng)和寬。 (2) 函數(shù)的調(diào)用關(guān)系 : O y MoveTo（ x， y） LineTo（ x1， y1） X X 江蘇技術(shù)師范學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書 (論文 ) 第 17 頁(yè) 共 34頁(yè) 圖 53 矩形 矩形可以看成是 由 四條直線段組成的封閉圖形，所以矩形的繪制算法本質(zhì)上是和直線相同的。 直線 (1) 繪制直線首先 先 確定一個(gè)起點(diǎn) (, )xy ，如下圖所 示： 圖 52 直線繪制算法示例圖 當(dāng)鼠標(biāo)移動(dòng) 到繪圖區(qū)域 左擊時(shí)，調(diào)用 MoveTo()函數(shù) 確定了起點(diǎn)，拖動(dòng)鼠標(biāo)至任意位置，彈起 鼠標(biāo)左鍵 確定終點(diǎn)，在起點(diǎn)和終點(diǎn)之間調(diào)用了 LineTo()函數(shù) 連接。 (2) 這個(gè) 函數(shù)的功能是 繪制 一個(gè)直線的路徑片斷 。 Shape 類是圖形的屬性類，圖形的屬性包括圖形的大小，在 Doc 上的位置，繪制角度等。 ShapeStyle 類 是圖形 線條 屬性 和填充屬性 類， 線條屬性有線條寬度、 線型 (包括 實(shí)線、虛線、點(diǎn)線、點(diǎn)虛線 )和 顏色；填充屬性有填充方式 填充顏色透明度等。 狀態(tài)欄如下圖所示： 江蘇技術(shù)師范學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書 (論文 ) 第 14 頁(yè) 共 34頁(yè) 圖 47 狀態(tài)欄 江蘇技術(shù)師范學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書 (論文 ) 第 15 頁(yè) 共 34頁(yè) 第五章 系統(tǒng)詳細(xì)設(shè)計(jì) 類關(guān)系圖 根據(jù)各功能模塊之間的聯(lián) 系，可 以把本系統(tǒng)中的類劃分為如 下幾個(gè)類，類之間的關(guān)系圖如下圖所示： 圖 51 類關(guān)系 Segment 類是 圖形的 路徑片段類，該類中定義了 圖形的 路徑片段和路徑片段的連接方式，路徑片段有直線路徑片段和曲線路徑片段兩種，連接方式有直角和半平滑兩種。狀態(tài)欄實(shí)際上是一個(gè)小窗口，位于應(yīng)用程序主窗口的底部，一般分為幾個(gè)窗格，每個(gè)窗格顯示不同的信息，主要用來(lái)反應(yīng)軟件當(dāng)前操作功能和操作狀態(tài)。 本系統(tǒng)的工具欄如 圖 46 所示： 圖 46 工具欄 創(chuàng)建一個(gè)新的文檔， 打開 文件， 保存當(dāng)前文檔， 圖形剪切， 這兩個(gè)工具依次為復(fù)制和粘貼， 選擇工具， 鋼筆工具 這六個(gè)工具依 次為矩形，橢圓，三角形，五角星，五邊形，直線， 這三個(gè)工具是依次 為 圖形填充 、 線條填充和插入圖片。工具欄資源和工具欄類 CToolBar是工具欄的兩個(gè)要素。其中文件菜單的功能主要有：新建一個(gè)空白文檔，打開文檔，保存文檔，打印，退出系統(tǒng)；視圖菜單的功能主要是顯示和隱藏工具欄和狀態(tài)欄 。 文件的讀取 由于本系統(tǒng)中圖形文件的存儲(chǔ)格式為 .XML，所以在讀取圖形文件 的時(shí)候 ，需要先調(diào)用 XML 解析器解析文件并創(chuàng)建樹， 通過(guò)重載 OnOpenDocument()函數(shù)打開文件。 文件的存儲(chǔ) 本系統(tǒng)中圖形文件的存儲(chǔ)格式采用了 .XML 格式。 圖 43 圖形填充界面 文件的存儲(chǔ)與讀取 使用 Visual C++的 AppWizar 創(chuàng)建應(yīng)用程序時(shí)，應(yīng)用程序是從 CWinApp、CFrameWnd、 CDoument、 CView，其中 CDoument 類是應(yīng)用程序的文檔類，負(fù)責(zé)裝載和維護(hù)文檔 。紋理填充的顏色 有 前景色和背景色兩種，前景色 是 線條的顏色，背景色 是 線條之間 的 間隙顏色，在本系統(tǒng)中， 直接 使 用 HatchBrush 類 ， 提供 53 種紋理填充樣式 。 圖形填充 本系統(tǒng)中的圖形填充方式有無(wú)色填充方式、單色填充、 紋理填充 和漸變填充 。顏色透明度的值在 0%~100%之間，通過(guò) SilderCtrl 控件 來(lái)改變顏色透明度。在本系統(tǒng)中， 還添加了一項(xiàng)功能 —— 設(shè)置線條顏色透明度，本系統(tǒng)的線條屬性設(shè)置對(duì)話框設(shè)計(jì)如 圖 42 所示 ： 圖 42 線條屬性設(shè)置界面 線條寬度的默認(rèn)值為 1， 線寬 可以通過(guò)在編輯框中手動(dòng)輸入數(shù)字調(diào)整 。圖形的旋轉(zhuǎn) 變換中心點(diǎn)為圖形的中心點(diǎn)。 下面介紹一下本系統(tǒng)中的二維圖形幾何變換： (1) 平移變換 本系統(tǒng)中， 往任意 方向平移，都可以實(shí)現(xiàn)二維圖形的平移變換。 T ,T 為線型變換矩陣。 這樣，對(duì)圖形的幾何變換就可以歸結(jié)為對(duì)點(diǎn)的變換。所以，可以把一幅二維圖形看成是一個(gè)點(diǎn)集。 一張二維圖形可以由許多直線連接而成，或者看成由很 多小直線段逼近而成。 圖形處理功能模塊 對(duì)圖形進(jìn)行一些必要得 處理可以使圖形更符合實(shí)際需 要 ， 并且 更加美觀、實(shí)用。 (5) 多邊形 在本繪圖系統(tǒng)里，主要實(shí)現(xiàn)的是五角星和等五邊形這兩個(gè)多邊形工具，它們的繪制原理和三角形 是一樣的，同 樣也可以以任意的角度繪制。等邊三角形可以理解成 由三個(gè)直線段圍成的封閉圖形， 三個(gè) 內(nèi)角角度都為 60176。橢圓的繪制起點(diǎn)為其外接矩形左中點(diǎn)。 (3) 橢圓 標(biāo)準(zhǔn)橢 圓是關(guān)于長(zhǎng)軸和短軸都對(duì)稱的， 因此 ，可以將橢圓 理解 是 由四個(gè)曲線片段組成的。 (2) 矩形 矩形 可以理解 成 是由四條直線 組成的封閉圖形，所以繪制矩形的原理和繪制直 線的原理是相同的。 圖形繪制功能模塊 圖形繪制功能 是本系統(tǒng)中最基本的一個(gè)模塊， 所有 其他的操作都是在此模塊基礎(chǔ)上進(jìn)行的。該系統(tǒng)實(shí)現(xiàn)了一般繪圖應(yīng) 用程序所具有的大部分功能，并提供了一些額外的輔助功能。其中，基本圖形 能夠 繪制 的 主要有直線、矩形、橢圓、三角形和 五邊形；圖形的基本操作功能有移動(dòng) ，縮放，旋轉(zhuǎn)；另外，本系統(tǒng)還 有 一個(gè)鋼筆工具， 可以用鋼筆工具繪制直線、曲線 以及自由圖形。 WML 采用了 XML 的標(biāo)準(zhǔn)。 可以用于 創(chuàng)建新的語(yǔ)言 XML是 WAP和 WML語(yǔ)言的母親。大量的數(shù)據(jù)可以存儲(chǔ)到 XML 文件中或數(shù)據(jù)庫(kù)中。 江蘇技術(shù)師范學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書 (論文 ) 第 7 頁(yè) 共 34頁(yè) 可以用于存儲(chǔ)和共享數(shù)據(jù) 通過(guò) XML,純文本文件可以用來(lái)存儲(chǔ)和共享數(shù)據(jù)。 和 B2B XML正在成為遍布網(wǎng)絡(luò)的商業(yè)系統(tǒng)之間交換金融信息所使用的主要語(yǔ)言。 計(jì)算機(jī)系統(tǒng)和數(shù)據(jù)庫(kù)系統(tǒng) 存儲(chǔ)的數(shù)據(jù)有 多 種形式 ,對(duì)于開發(fā)者來(lái)說(shuō)，最 麻煩 的就是在遍布網(wǎng)絡(luò)的 系統(tǒng)之間交換數(shù)據(jù)。這樣可以便于 維護(hù)頁(yè)面 。 使用 XML 后，數(shù)據(jù)就 存放在分離的 XML文檔中。 XML 不僅滿足 Web 應(yīng)用開發(fā)人員的需要，而且還適用于電子商務(wù)、電子政務(wù)、數(shù)據(jù)交換等多個(gè)領(lǐng)域。 XML 是 SGML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言）的子集，其目標(biāo)是允許普通的 SGML 在 Web 上以目前 HTML（超文本標(biāo)記語(yǔ)言）的方式被服務(wù)、接受和處理。由于 C++具有面向?qū)ο蟪绦蛟O(shè)計(jì)的性質(zhì)，所以可以容易的擴(kuò)展或重寫 MFC 框架所提供的各種基本功能 江蘇技術(shù)師范學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書 (論文 ) 第 6 頁(yè) 共 34頁(yè) 第三章 XML 文件格式 XML 文件格式簡(jiǎn)介 XML（ Extensible Markup Language，可擴(kuò)展標(biāo)記 語(yǔ)言）是一套定義語(yǔ)義標(biāo)記的規(guī)則，這些標(biāo)記將文檔分成許多部件并對(duì)這些部件加以