我想在后台上传图片时,在图片上画热点,因为图片的版式不一样,要画的区域不一样,所以要用户在上传图片后在WEB上对图片画热点。不知道这个该怎么实现,如能实现,200分相送。
谢谢。

解决方案 »

  1.   

    这个东西对你或许有用以下代码为转贴
    -----------------------------------------------
    <!-- 
       用层的方式可以实现,下面的例子是在IE6上测试成功
    //-->
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </script>
    <style>
     .Div_Drag {
      position:absolute; 
    left:59px; 
    top:133px; 
    width:173px; 
    height:120px; 
    z-index:11111111; 
    visibility: hidden;
    border-style:dashed;
    border-color:#ff0000;
    border-width : 1px;
      }
    </style>
    <script language="JavaScript">
    var bCapture= false;
    var FLeft = 0;
    var FTop = 0;
    function AlterDrag()
    {
    if (!bCapture) return false;
    try
    {
     movepositionX = event.x;
     movepositionY = event.y;
    with(document.all.divDrag.style)
    {
    var DragW = parseInt(movepositionX,10) - parseInt(FLeft,10);
    var DragH = parseInt(movepositionY,10) - parseInt(FTop,10);
    width = DragW > 0 ?DragW:-DragW;
    height = DragH > 0 ?DragH:-DragH;
    if(DragW < 0)
    left = movepositionX;//FLeft + DragW;
    if(DragH < 0)
    top  = movepositionY;// FTop + DragH;

    spn1.innerHTML = " width,height: " + width + "," + height + "<br>" + 
     "DragW,DragH: " + DragW +"," + DragH + "<br>" + 
     "left,top : " + left +"," + top  +"<br>"+ 
     "FLet,FTop : " + FLeft + "," + FTop + "<br>" + 
     "eventx,eventy: " + movepositionX + "," + movepositionY
    }
    }
    catch(e)
    {

    return false;
    }
     
    }
    function OnDown()
    {
    //alert(event.x +"," + event.screenX);
    with(document.all.divDrag.style)
    {
    visibility="visible" ;
    left = event.x
    FLeft = parseInt(left,10) ;
    top  = event.y
    FTop = parseInt(top,10);
    width= 0;
    height=0;
    }

    }
    function OnUp()
    {
    with(document.all.divDrag.style)
    {
    visibility="hidden" ;
    left = -1000 ;
    top  = -1000 ;
    width= 0;
    height=0;
    FLeft = 0;
    FTop = 0;
    }
    }
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></HEAD>
    <BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <table width="100%" height="100%" border="1" align="right">
    <tr>
    <td width=20% bordercolor="#FF0000">
    <span id="spn1"></span> <div id="divDrag" class="Div_Drag"> </td>
    <td>
    <img src="http://images.csdn.net/20050323/001.gif" width=400 height=300
    onmousemove="javascript:AlterDrag();" 
    onmousedown="javascript:bCapture=true;setCapture(true);OnDown();" 
    onmouseup="javascript:bCapture=false;releaseCapture();"
    >
        </td>
    </BODY>
    </HTML>
      

  2.   

    楼主看看这个http://ewebeditor.webasp.net/example/adv_map.asp
      

  3.   

    ASP.NET 1.X内置的一些控件和类库是没有办法完成在服务器端建立带热点的图片的。而在ASP.NET 2.0中ImageMap Server Control是可以在服务器端建立带热点的图片用 js 吧