图形图像编程Word文档下载推荐.docx
《图形图像编程Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《图形图像编程Word文档下载推荐.docx(13页珍藏版)》请在冰豆网上搜索。
利用IMG标签能够轻松的为网页添加图片,IMG标签包括以下经常使用属性:
❑Src:
图片的地址,能够是图片的相对地址也能够是绝对地址。
❑Width:
设定图片的宽度。
❑Height:
设定图片的高度。
❑Alt:
当图片显示不了时提示的字符。
❑Border:
图片的边框的宽度。
❑Align:
图片的周片文字的对齐方式。
❑Title:
当鼠标放在图片上显现的提示字符。
开发人员能够通过编写Width和Height属性进行图像的大小操纵,也能够编写Alt属性当图片显示不了时进行提示,如图15-2和图15-3所示。
图15-2Width属性图15-3Alt属性
2.CSS
通过CSS能够利用图像进行页面布局和样式操纵。
当需要使背景呈现渐变成效时,无需利用JavaScript进行操纵,能够直接利用CSS和图像进行搭配利用即可。
CSS背景属性包括:
❑背景颜色属性(background-color):
该属性为HTML元素设定背景颜色。
❑背景图片属性(background-image):
该属性为HTML元素设定背景图片。
❑背景重复属性(background-repeat):
该属性和background-image属性连在一路利用,决定背景图片是不是重复。
若是只设置background-image属性,没设置background-repeat属性,在缺省状态下,图片既x轴重复,又y轴重复。
❑背景附着属性(background-attachment):
该属性和background-image属性连在一路利用,决定图片是跟从内容转动,仍是固定不动。
❑背景位置属性(background-position):
该属性和background-image属性连在一路利用,决定了背景图片的最初位置。
❑背景属性(background):
该属性是设置背景相关属性的一种快捷的综合写法。
为了方便进行页面背景布局,能够利用CSS背景属性,例如代码如下所示。
bodystyle="
background:
#6094d7url('
'
)repeat-x;
>
divstyle="
width:
800px;
border:
1pxsolid#333333;
margin:
0pxauto;
background:
white"
编写内容
/div>
上述代码将BODY标签样式编写为背景颜色为#6094d7、背景图片编写为而且背景图片依照x轴重复。
在body标签下方包括一个DIV标签,该标签作为主样式进行内容编写,编写内容后如图15-4所示。
图15-4利用图形进行布局
3.JavaScript进行图像编程
HTML图像控件支持JavaScript进行图像操作,能够为图像控件进行事件处置,JavaScript代码如下所示。
scripttype="
text/javascript"
functioncut()
{
varpic=("
pic1"
)ET中利用GDI+壮大的画图成效。
GDI+相较与GDI,进行了一些增强,这些增强功能如下所示。
❑渐变的画刷(GradientBrushes):
GDI+许诺开发人员利用渐变的画刷来绘制线条、图形和外观。
❑基数样条函数(CardinalSplines):
GDI+支持基数样条函数而GDI不支持,基数样条能够避免锯齿的显现,使得窗口和图形的绘制能够滑腻过渡。
❑持久途径对象(PersistentPathObjects):
在GDI中,绘制途径在窗口更改需要通过重绘来维持图形的持久化,而在GDI+中,能够通过创建对个对象来持久化。
❑变形和矩阵对象(Transformations&MatrixObject):
GDI+提供了壮大的矩阵对象,开发人员能够通过矩阵对象进行图形的翻转、平移和缩放。
❑可伸缩区域(ScalableRegions):
GDI+许诺在必然的范围内进行任何图形变换。
GDI+不仅包括这些新特性,还包括混合和等多种图像类型支持等特性。
相关于ASP的壮大的地方就在于能够利用GDI+进行图形图像编程,实现不同的Web应用功能。
绘制线条例如
通过GDI+能够在Web应用中绘制线条,若是需要利用GDI+,那么第一需要引用命名空间,例如代码如下所示。
using;
ETFramework画图类
GDI+包括很多的类,结构和列举用于为开发人员提供快速进行图形图像开发提供保障和指导。
1.命名空间
GDI+包括很多的类、结构和列举用于为开发人员提供图形编程,这些类、结构和列举都概念在命名空间中,这些命名控件如下所示。
❑:
提供对GDI+大体图形图像功能的访问,Graphice包括在此命名空间中。
提供高级的二维和矢量图形功能。
提供高级的图像处置功能。
提供高级的文字处置及排版功能。
提供图形打印所需要的类。
提供开发UI设计时所需要的类。
这些命名空间为开发人员提供了图形图像编程的大体保障,其中最经常使用的是,该命名空间提供了Graphice类进行图形图像处置。
提供了高级的二维图形和矢量图形的处置功能,利用能够进行二维图形和二维游戏的开发和编写。
命名空间要紧提供了图像处置的功能,例如将图像进行锐化处置,或将图像变成黑白色或底片都能够通过利用命名空间的方式。
命名空间提供了文字处置能力,通过类能够实现Word中艺术字的成效。
2.类和方式
在.NETFramework中,包括诸多的命名空间以保证开发人员能够快速的进行图形图像开发,在这些命名空间中,最经常使用的是命名空间,该命名空间提供的类如下所示。
❑Bitmap:
在Bitmap上利用图形工具,并在其中存储图形图像的画图面板。
❑Graphics:
提供直线、曲线、多边形等绘画方式,也提供对一些位图的处置,例如平移、缩放等。
❑Pen:
提供直线、曲线等功能需要的画笔属性。
❑Brush:
提供文本填充和图形绘画,能够填充图形如圆形、椭圆形和多边形。
❑Color:
提供颜色的列举,用于概念Pen和Brush的颜色。
❑Font:
提供文本的字体属性,概念文本的字体类型、样式和大小等。
❑Point:
用于概念有序的坐标对,这些坐标能够概念二维平面上的点。
❑Size:
概念区域的大小。
❑Image:
用于支持位图、指针和图标等文件类型。
❑Rectangle:
用于概念矩形区域。
❑StringFormat:
用于概念文本在位图上的对齐方式等属性。
简而言之,Bitmap就相当于绘画时需要的纸,图形能够绘画到纸上面。
而Graphice相当于绘画的人,因为人能够提供只写、曲线、多边形等绘画方式,而Pen和Brush相当于绘画工具,如铅笔、笔刷等,Color就相当于是绘画所需要的颜料。
在绘画进程中,第一需要利用一张纸,固定到绘画板上,然后有一个人能够进行绘画,那个人能够进行素描、水彩等绘画。
可是在绘画前,需要给那个人大体的工具,包括铅笔、笔刷和颜料盘等。
在这些大体物质预备完毕后,就能够够开始绘制了。
GDI+的绘制进程与之超级的相似,第一需要概念一个画布,并通过构造函数概念画布的大小,例如代码如下所示。
BitmapMyImage=newBitmap(500,500);
ETFramework画图类所需要的命名空间和方式后,就需要了解如何利用相应的命名空间和方式进行图形图像的绘制和处置。
Graphics类
Graphics类在GDI+的开发进程中超级重要,Graphics类封装了GDI+界面画图方式,和图形显示设备,极大的简化了开发人员的编程进程。
1.Graphics类的属性
Graphics类的属性如下所示。
❑DpiX:
获取对象的水平分辨率。
❑DpiY:
获取对象的垂直分辨率。
❑IsClipEmpty:
为对象指定裁剪区域。
❑IsVisibleClipEmpty;
判定裁剪区域是不是为空。
❑TextGammaValue:
返回一个提供文本灰度值的信息的整数值。
❑TextRenderingHint:
获取或设置与该图形相关联的文本着色模式。
通过Graphics类的属性能够获取Graphics对象的水平分辨率和垂直分辨率,并能够为Graphics对象进行裁剪区域的选择和判定。
2.Graphics类的方式
Graphics类提供的属性通经常使用于Graphics对象的信息获取,若是需要利用Graphics对象进行图形图像的绘制,那么需要利用Graphics类提供的方式,Graphics类的部份方式如下所示。
❑Dispose:
删除图形并释放已分派的内存。
❑DrawArc:
绘制弧线。
❑DrawBezier:
绘制后三次贝塞尔曲线。
❑DrawClosedCurve:
绘制封锁曲线。
❑DrawCurve:
绘制曲线。
❑DrawEllipse:
绘制椭圆。
❑DrawIcon:
绘制图标图像。
❑DrawIconUnstretched:
绘制图标图像,并可将图像缩放到指定大小。
❑DrawImage:
绘制图像。
❑DrawImageUnscaled:
绘制图像,并可将图像缩放到指定大小。
❑DrawImageUnscaledAndClipped:
在不进行缩放的情形下进行图像绘制。
❑DrawLine:
绘制线条。
❑DrawLines:
绘制一系列线条组。
❑DrawPath:
绘制GraphicsPath。
❑DrawPie:
绘制扇形。
❑DrawPolygon:
绘制多边形。
❑DrawRectangle:
绘制矩形。
❑DrawString:
绘制字符串。
❑Equals:
判定两个Object类型是不是相同。
❑FillClosedCurve:
填充封锁曲线的内部区域。
❑FillEllipse:
填充椭圆内部。
❑FillPath:
填充GraphicsPath内部。
❑FillPie:
填充扇形内部。
❑GetHdc:
获取图形上下文设备句柄。
❑Restore:
恢复图形状态。
❑Save:
保留图形。
❑SetClip:
为对象设置剪辑区域。
Graphics类还包括其他方式提供对图形图像的绘制和处置进行编程,开发人员能够通过.NETFramework提供的Graphics类进行