一个简单的笛卡尔平面，用于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) );
});