怎么样获得图片的某个点位的坐标？？？？？？？？？高手请指点

event的坐标减去图片左上角的坐标就对了.

解决方案 »

  1.   

    try
    ------------------------------------------------------
    <img src="http://zi.csdn.net/noname8.11.gif" onmousemove="showCoordinate(this);">
    <br>X:<input type="text" id="X" readonly>
    Y:<input type="text" id="y" readonly>
    <script language="javascript">function showCoordinate(obj){
    var r = getAbsolutePos(obj);
    var x = document.getElementById("X");
    var y = document.getElementById("Y");

    x.value = event.clientX-r.x;
    y.value = event.clientY-r.y;
    }function getAbsolutePos(el) {
    var r = { x: el.offsetLeft, y: el.offsetTop };
    if (el.offsetParent) {
    var tmp = getAbsolutePos(el.offsetParent);
    r.x += tmp.x;
    r.y += tmp.y;
    }
    return r;
    }</script>
      

  2.   

    你再两个单元格间换下位置看是不是每个点的坐标一样<html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>新建网页 4</title>
    </head><body>
    &nbsp;<br>X:<input type="text" id="X" readonly>
    Y:<input type="text" id="y" readonly>
    <script language="javascript">function showCoordinate(obj){
    var r = getAbsolutePos(obj);
    var x = document.getElementById("X");
    var y = document.getElementById("Y");

    x.value = event.clientX -r.x-3;
    y.value = event.clientY -r.y-3;
    }function getAbsolutePos(el) {
    var r = { x: el.offsetLeft, y: el.offsetTop };
    if (el.offsetParent) {
    var tmp = getAbsolutePos(el.offsetParent);
    r.x += tmp.x;
    r.y += tmp.y;
    }
    return r;
    }</script>
    <table border="1" width="100%" id="table1">
    <tr>
    <td width="181" height="210">　</td>
    <td height="210">
    　</td>
    <td height="210">　</td>
    </tr>
    <tr>
    <td width="181" height="172">　</td>
    <td height="172">
    <p align="center">
    <img src="http://zi.csdn.net/noname8.11.gif" onmousemove="showCoordinate(this);" width="330" height="90"></td>
    <td height="172">　</td>
    </tr>
    <tr>
    <td width="181">　</td>
    <td>
    　</td>
    <td>　</td>
    </tr>
    <tr>
    <td width="181">　</td>
    <td>　</td>
    <td>　</td>
    </tr>
    </table>
    </body></html>