jsp在客户端浏览一幅图像 请问如何在页面这个图像上根据坐标显示两个亮点

Question

jsp在客户端浏览一幅图像 在页面上显示 从服务器端计算这个图像后得到两个坐标返回给客户端
 请问如何在客户端的图像上根据返回的坐标点这两个点（就是说如何在图像上显示两个坐标所对应的点） 
以及 用户在页面这个图像上点一个点并让这个点显示出来（比如一个亮点）

Answer 1

此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
楼主【feidao84】截止到2008-06-26 16:28:27的历史汇总数据(不包括此帖)：
发帖数:15                 发帖分:836                
结贴数:13                 结贴分:703                
未结数:2                  未结分:133                
结贴率:86.67 %            结分率:84.09 %            
楼主加油

Answer 2

给你写个大概的，至于坐标值的传递你说的不是很清楚，看你自己需要改吧 直接生成或者ajax<style>
.point{
height:1px;font-size:1px; width:1px; background-color:#FF0000; position:absolute;
}
.bpoint{
height:3px;font-size:3px;width:3px; background: #000000; position:absolute;
}
</style>
<div id="imgDiv" style="background-image:url(http://www.google.cn/intl/zh-CN/images/logo_cn.gif);width:286px;height:110px;position:relative;top:200;left:200"><div class="bpoint"  id="point1"></div><div class="bpoint"  id="point2"></div>
</div> <script language="javascript">
var $=function(s){return document.getElementById(s);};window.onload=function(e){
var img=$("imgDiv");
var p1=$("point1");
var p2=$("point2");p1.style.left=140;
p1.style.top=50;p2.style.left=90;
p2.style.top=50;
img.onclick=imgClick;
}function imgClick(e){
//解决浏览器兼容
if(!e)e=window.event;
var x=e.layerX?e.layerX:e.offsetX;
var y=e.layerY?e.layerY:e.offsetY;
var img=$("imgDiv");
var newdiv=document.createElement("div") ;
newdiv.className="point";
newdiv.style.left=x;
newdiv.style.top=y;
img.appendChild(newdiv);
}
</script>

Answer 3

感谢啊 我先看下 一定给分的
   <script type=text/javascript> 
 function show()
         { 
 var url=document.getElementById("file").value; 
 document.getElementById("img").src=url; 
 } 
  </script> 
<input type="image" src="./nophoto.gif" id="img" width="200" height="200"><br>
<input type="file" name="file" id="file" onchange="show()"> 
<input type="button" onclick="" value="compare">
本来是准备用在这里的 坐标值是浏览过一幅图像后，服务器端根据对图像的处理算出坐标，传给客户端
 现在想来好像蛮麻烦的 因为不知道客户端窗口大小 如何在客户端正确显示坐标应该在的位置

Answer 4

1.服务器端的那两个点。可以通过css，把两张张gif图片定位到该坐标点。显出闪烁效果。
2.客户端的那个点，可以通过捕捉img的event获得坐标。然后通过css把一张gif定位到该坐标显出闪烁效果。

Answer 5

你说的客户端窗口大小是指浏览器大小还是什么？如果是浏览器应该没问题，坐标的位置是图片的相对坐标不是窗口相对。
图片层设置position:relative
层内对象设置position:absolute

Answer 6

完全晕了 一点都不懂 这个都是JavaScript里的吧
得借本JavaScript书来慢慢研究了

Answer 7

恩，javascript好好研究javascrpit的事件。另外还要看看关于css里面的显示位置的属性。

Answer 8

有人看懂2楼的代码了吗 解释下啊
准备把
<input type="image" src="./nophoto.gif" id="img" width="200" height="200"> <br> 
<input type="file" name="file" id="file" onchange="show()"> 
<input type="button" onclick="" value="compare"> 
放到
 style="background-image:url(http://www.google.cn/intl/zh-CN/images/logo_cn.gif);width:286px;height:110px;position:relative;top:200;left:200">
里，以实现在用户浏览的图像上点两个点