关于程序在图片上画热点的问题.

???2008 2005-03-23 05:02:00
我想在后台上传图片时,在图片上画热点,因为图片的版式不一样,要画的区域不一样,所以要用户在上传图片后在WEB上对图片画热点。不知道这个该怎么实现,如能实现,200分相送。
谢谢。
...全文
192 8 点赞 打赏 收藏 举报
写回复
8 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
elite2018 2005-03-25


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

用 js 吧
  • 打赏
  • 举报
回复
elite2018 2005-03-24
mark
  • 打赏
  • 举报
回复
study
  • 打赏
  • 举报
回复
awaysrain 2005-03-24
你需要计算出相对坐标,根据坐标就可以添加热点了
  • 打赏
  • 举报
回复
zippro123 2005-03-24
mark
  • 打赏
  • 举报
回复
awaysrain 2005-03-24
这个东西对你或许有用

以下代码为转贴
-----------------------------------------------
<!--
用层的方式可以实现,下面的例子是在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>


  • 打赏
  • 举报
回复
awaysrain 2005-03-24
楼主看看这个

http://ewebeditor.webasp.net/example/adv_map.asp
  • 打赏
  • 举报
回复
???2008 2005-03-24
期盼更详细的资料.
up
  • 打赏
  • 举报
回复
相关推荐
发帖
.NET社区
加入

5.9w+

社区成员

.NET技术交流专区
申请成为版主
帖子事件
创建了帖子
2005-03-23 05:02
社区公告
暂无公告