ASP.Net 2.0 图形控件简述

ASP.NET 2.0包含两个图形控件，一个 Image,一个是 ImageMap控件。

1、Image控件是用来显示图象的，对应于<img />标签，典型的Image控件格式如下

   <asp:Image

       id="imgRandom"

       ImageUrl="Picture.gif"

       AlternateText="Picture"

       DescriptionUrl=""

       GenerateEmptyAlternateText=""

       ImageAlign=""/>

   id  是用来标识控件的，

   ImageUrl  是图片链接，

   AlternageText  是无法显示图片时显示的文字，

   DescriptionUrl  提供一个图片的详细说明的链接

   GenerateEmptyAlternateText  将AlternateText设置为空

    ImageAlign  用来提供相对于其他HTML元素的位置，可能的值有   AbsBottom,AbsMiddle,Baseline,Bottom,Left,Middle,NotSet,Right,TextTop,Top

2、ImageMap控件，也可以用来显示图象，但根据你点击的不同位置，可以产生不同的效果，典型的ImageMap控件格式如下

<asp:ImageMap
        id="mapMenu"
        ImageUrl="MenuBar.gif"
        HotSpotMode="PostBack"
        Runat="server" OnClick="mapMenu_Click">
        <asp:RectangleHotSpot
            PostBackValue="ToUpper"
            Left="0"
            Top="0"
            Right="100"
            Bottom="30"
            AlternateText="To Uppercase" />
        <asp:RectangleHotSpot
            PostBackValue="ToLower"
            Left="100"
            Top="0"
            Right="200"
            Bottom="30"
            AlternateText="To Uppercase" />
        <asp:RectangleHotSpot
            PostBackValue="Erase"
            Left="200"
            Top="0"
            Right="300"
            Bottom="30"
            AlternateText="To Uppercase" />
    </asp:ImageMap>

    id,ImageUrl不必解释了，

    <asp:RectangleHotSpot />  代表长方形点击区域

    <asp:PolygonHotSpot  />  代表多边形区域

    <asp:CircleHotSpot />  代表圆形区域

  
  上面的程序常应用在用整个图片来导航的地方。

    

    ImageMap可以返回数据，上面的HotSpotMode="PostBack"和PostBackValue="Erase",当点击相应的图片区域时，事件mapMenu_Click触发，可以用PostBackValue来调用返回的PostBackValue。

原文出处：http://blog.sina.com.cn/u/538461ee010005lz