《圖形圖像編程》ppt課件

《《圖形圖像編程》ppt課件》由會員上傳分享，免費在線閱讀，更多相關內(nèi)容在教育資源-天天文庫。

1、第五篇ASP.NET高級編程東鵬電子信息有限公司2內(nèi)容第15章圖形圖像編程第16章ASP.NET和AJAX第17章ASP.NETMVC基礎3第15章圖形圖像編程主講：Jayce_Zou4本章內(nèi)容主講：Jayce_Zou圖形編程繪制文字特效繪制圖片圖像特效處理5圖像布局主講：Jayce_Zou在頁面布局中，很多設計人員喜歡使用CSS設計，這樣能夠簡化頁面代碼，將頁面布局代碼和頁面代碼相分離，從而提高了維護性。雖然隨著技術的發(fā)展，越來越多的動態(tài)生成頁面布局，以及動態(tài)生成圖像的方法也越來越多的被開發(fā)人員和設計人員所認知，但是開發(fā)人員和設計人員還是比較喜歡使用CS

2、S和IMG標簽進行頁面布局，這是因為CSS和IMG標簽都比較簡單，可以說是“輕量級”的，即不需要頁面進行邏輯處理也不需要動態(tài)生成。6IMG標簽主講：Jayce_ZouIMG標簽是圖像標簽，IMG標簽屬于HTML控件，在Web應用中可以看到在頁面中包含大量的IMG標簽用于圖形圖像顯示，示例代碼如下所示:使用IMG標簽能夠輕松的為網(wǎng)頁添加圖片，IMG標簽包括以下常用屬性：Src：圖片的地址，可以是圖片的相對地址也可以是絕對地址。Width：設定圖片的寬度。Height：設定圖片的高度。Alt：

3、當圖片顯示不了時提示的字符。Border：圖片的邊框的寬度。Align：圖片的周片文字的對齊方式。Title：當鼠標放在圖片上出現(xiàn)的提示字符。7CSS主講：Jayce_Zou通過CSS能夠使用圖像進行頁面布局和樣式控制。當需要使背景呈現(xiàn)漸變效果時，無需使用JavaScript進行控制，可以直接使用CSS和圖像進行搭配使用即可。CSS背景屬性包括：背景顏色屬性（background-color）：該屬性為HTML元素設定背景顏色。背景圖片屬性（background-image）：該屬性為HTML元素設定背景圖片。背景重復屬性（background-repea

4、t）：該屬性和background-image屬性連在一起使用，決定背景圖片是否重復。如果只設置background-image屬性，沒設置background-repeat屬性，在缺省狀態(tài)下，圖片既x軸重復，又y軸重復。背景附著屬性（background-attachment）：該屬性和background-image屬性連在一起使用，決定圖片是跟隨內(nèi)容滾動，還是固定不動。背景位置屬性（background-position）：該屬性和background-image屬性連在一起使用，決定了背景圖片的最初位置。背景屬性（background）：該屬性是設

5、置背景相關屬性的一種快捷的綜合寫法。8JavaScript進行圖像編程主講：Jayce_ZouHTML圖像控件支持JavaScript進行圖像操作，可以為圖像控件進行事件處理，JavaScript代碼如下所示:functioncut(){//獲取ID為pic1的圖片的屬性varpic=document.getElementById(“pic1”)pic.width=100;//設置圖片的寬度pic.height=100;//設置圖片的高度}上述代碼獲取圖片ID為pic1的圖片屬性

6、，當觸發(fā)該事件后，ID為pic1的圖片的寬度和高度將變?yōu)?00。為了讓圖片被單擊時觸發(fā)該事件，則應該在IMG標簽中聲明該事件，代碼如下所示:9GDI+簡介主講：Jayce_Zou雖然通過IMG標簽和CSS、JavaScript相配合能夠進行圖形圖像開發(fā)，但是其功能有限，并不能夠進行高級的圖形圖像開發(fā)。GDI+是WindowsXP中的一個子系統(tǒng)，它主要負責在顯示屏幕和打印設備輸出有關信息，它是一組通過C++類實現(xiàn)

7、的應用程序編程接口。GDI+的前身是GDI，在C++應用程序開發(fā)中，C++開發(fā)人員經(jīng)常需要使用GDI進行窗口的繪制與重繪，在Vista操作系統(tǒng)之后的操作系統(tǒng)中，微軟對圖形圖像編程進行了更新.在Vista等系統(tǒng)中，大量的使用了半透明、漸變、邊緣模糊化等效果，這就要求在編程中強化圖形圖像渲染。10主講：Jayce_ZouGDI+相比與GDI，進行了一些加強，這些加強功能如下所示:漸變的畫刷（GradientBrushes）：GDI+允許開發(fā)人員使用漸變的畫刷來繪制線條、圖形以及外觀?；鶖?shù)樣條函數(shù)（CardinalSplines）：GDI+支持基數(shù)樣條函數(shù)而GD

8、I不支持，基數(shù)樣條能夠防止鋸齒的出現(xiàn)，使得窗口以及圖形的繪制能夠平