15.4 绘制图片
通过IMG标签能够插入图像,IMG标签小巧而灵活,但是在如果需要使用GDI+实现图形图像的渲染,IMG标签所呈现的图形显然是不行的,ASP.NET提供了Image控件用来创建图片,并能够通过Image控件进行图片编程。
15.4.1 载入图像文件
使用Image控件能够载入图像文件,拖动一个Image控件到页面,页面会自动生成HTML代码,示例代码如下所示。
在控件的章节中,讲到Image控件包括以下常用属性:
1)AlternateText:在图像无法显示时显示的备用文本。
2)ImageAlign:图像的对齐方式。
3)ImageUrl:要显示图像的URL。
通过配置以上三种属性能够呈现不同的图片效果,配置完成后的图像控件示例代码如下所示。
上述代码配置了Image控件的基本属性,包括Image控件所需要呈现的图像,以及Image控件呈现的图像不存在时需要提示的信息,运行后如图15-16和图15-17所示。
图15-16 Image控件
图15-17 图片不存在
15.4.2 GDI+输出图像
使用Image控件能够快速的载入图形,但是Image控件并不支持Click事件,所以对Image控件是没有办法进行事件操作的,如果需要对图像进行事件操作并支持裁剪等高级方法时,可以采用GDI+进行图形输出,示例代码如下所示。
上述代码使用了Bitmap类进行图形输出,Bitmap类的默认构造方法能够载入现有的图片并执行输出。
注意:Bitmap类的RawFormat属性能够直接返回现有文件的文件类型,在Bitmap的Save方法中可直接使用。
15.4.1 载入图像文件
使用Image控件能够载入图像文件,拖动一个Image控件到页面,页面会自动生成HTML代码,示例代码如下所示。
+展开
-HTML
<body>
<form id="form1" runat="server">
<div>
<asp:Image ID="Image1" runat="server" />
</div>
</form>
</body>
<form id="form1" runat="server">
<div>
<asp:Image ID="Image1" runat="server" />
</div>
</form>
</body>
在控件的章节中,讲到Image控件包括以下常用属性:
1)AlternateText:在图像无法显示时显示的备用文本。
2)ImageAlign:图像的对齐方式。
3)ImageUrl:要显示图像的URL。
通过配置以上三种属性能够呈现不同的图片效果,配置完成后的图像控件示例代码如下所示。
+展开
-HTML
<asp:Image ID="Image1" runat="server" AlternateText="图片不存在"
ImageUrl="~/autom.jpg" />
ImageUrl="~/autom.jpg" />
上述代码配置了Image控件的基本属性,包括Image控件所需要呈现的图像,以及Image控件呈现的图像不存在时需要提示的信息,运行后如图15-16和图15-17所示。
图15-16 Image控件
图15-17 图片不存在
15.4.2 GDI+输出图像
使用Image控件能够快速的载入图形,但是Image控件并不支持Click事件,所以对Image控件是没有办法进行事件操作的,如果需要对图像进行事件操作并支持裁剪等高级方法时,可以采用GDI+进行图形输出,示例代码如下所示。
+展开
-C#
protected void Page_Load(object sender, EventArgs e)
{
Bitmap images = new Bitmap(Server.MapPath("autom.jpg"));//读取现有图片
images.Save(Response.OutputStream, images.RawFormat); //格式化输出
images.Dispose();//释放对象
}
{
Bitmap images = new Bitmap(Server.MapPath("autom.jpg"));//读取现有图片
images.Save(Response.OutputStream, images.RawFormat); //格式化输出
images.Dispose();//释放对象
}
上述代码使用了Bitmap类进行图形输出,Bitmap类的默认构造方法能够载入现有的图片并执行输出。
注意:Bitmap类的RawFormat属性能够直接返回现有文件的文件类型,在Bitmap的Save方法中可直接使用。
加支付宝好友偷能量挖...