一個簡單的笛卡爾平面，用於X和Y座標以及原點位於中心

Question

爲了使用戶的鼠標點擊座標從圖像中心顯示（我上傳了其他地方，我寫了下面的代碼在代碼中）。

$(document).ready(function(e) 
    { 
     $('#ClickBox').click(function(e) 
     { 
      var coordX = (e.pageX - $(this).offset().left - ($(this).width() * 0.5)); 
      var coordY = (e.pageY - $(this).offset().top - ($(this).height() * 0.5)); 
      alert(coordX.toFixed(1) + ' , ' + coordY.toFixed(1)); 
     }); 
    }); 

但不像的座標原點的普通的2D平面，當我在具有正的X和Y第一季度點擊某個地方，我仍然得到他們中的一個爲負。

如何修改此代碼片段，使它類似於X和Y座標的正常笛卡爾平面，原點位於中心？

由於提前，

Answer 1

試試這個：http://jsfiddle.net/V3xUV/

$('#ClickBox').click(function(e) 
{ 
    var coordX = (e.pageX - $(this).offset().left - ($(this).width() * 0.5)); 
    var coordY = -(e.pageY - $(this).offset().top - ($(this).height() * 0.5)); 
    alert(coordX.toFixed(1) + ' , ' + coordY.toFixed(1)); 
});