《图形图像编程》ppt课件

《《图形图像编程》ppt课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第五篇ASP.NET高级编程东鹏电子信息有限公司2内容第15章图形图像编程第16章ASP.NET和AJAX第17章ASP.NETMVC基础3第15章图形图像编程主讲：Jayce_Zou4本章内容主讲：Jayce_Zou图形编程绘制文字特效绘制图片图像特效处理5图像布局主讲：Jayce_Zou在页面布局中，很多设计人员喜欢使用CSS设计，这样能够简化页面代码，将页面布局代码和页面代码相分离，从而提高了维护性。虽然随着技术的发展，越来越多的动态生成页面布局，以及动态生成图像的方法也越来越多的被开发人员和设计人员所认知，但是开发人员和设计人员还是比较喜欢使用CS

2、S和IMG标签进行页面布局，这是因为CSS和IMG标签都比较简单，可以说是“轻量级”的，即不需要页面进行逻辑处理也不需要动态生成。6IMG标签主讲：Jayce_ZouIMG标签是图像标签，IMG标签属于HTML控件，在Web应用中可以看到在页面中包含大量的IMG标签用于图形图像显示，示例代码如下所示:使用IMG标签能够轻松的为网页添加图片，IMG标签包括以下常用属性：Src：图片的地址，可以是图片的相对地址也可以是绝对地址。Width：设定图片的宽度。Height：设定图片的高度。Alt：

3、当图片显示不了时提示的字符。Border：图片的边框的宽度。Align：图片的周片文字的对齐方式。Title：当鼠标放在图片上出现的提示字符。7CSS主讲：Jayce_Zou通过CSS能够使用图像进行页面布局和样式控制。当需要使背景呈现渐变效果时，无需使用JavaScript进行控制，可以直接使用CSS和图像进行搭配使用即可。CSS背景属性包括：背景颜色属性（background-color）：该属性为HTML元素设定背景颜色。背景图片属性（background-image）：该属性为HTML元素设定背景图片。背景重复属性（background-repea

4、t）：该属性和background-image属性连在一起使用，决定背景图片是否重复。如果只设置background-image属性，没设置background-repeat属性，在缺省状态下，图片既x轴重复，又y轴重复。背景附着属性（background-attachment）：该属性和background-image属性连在一起使用，决定图片是跟随内容滚动，还是固定不动。背景位置属性（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、，当触发该事件后，ID为pic1的图片的宽度和高度将变为100。为了让图片被单击时触发该事件，则应该在IMG标签中声明该事件，代码如下所示:9GDI+简介主讲：Jayce_Zou虽然通过IMG标签和CSS、JavaScript相配合能够进行图形图像开发，但是其功能有限，并不能够进行高级的图形图像开发。GDI+是WindowsXP中的一个子系统，它主要负责在显示屏幕和打印设备输出有关信息，它是一组通过C++类实现

7、的应用程序编程接口。GDI+的前身是GDI，在C++应用程序开发中，C++开发人员经常需要使用GDI进行窗口的绘制与重绘，在Vista操作系统之后的操作系统中，微软对图形图像编程进行了更新.在Vista等系统中，大量的使用了半透明、渐变、边缘模糊化等效果，这就要求在编程中强化图形图像渲染。10主讲：Jayce_ZouGDI+相比与GDI，进行了一些加强，这些加强功能如下所示:渐变的画刷（GradientBrushes）：GDI+允许开发人员使用渐变的画刷来绘制线条、图形以及外观。基数样条函数（CardinalSplines）：GDI+支持基数样条函数而GD

8、I不支持，基数样条能够防止锯齿的出现，使得窗口以及图形的绘制能够平