Javascript X和Y坐标的简单笛卡尔平面，原点位于中心

我编写了以下代码，以便从图像中心显示用户鼠标单击的坐标（我将其上传到代码中的其他位置）

但与坐标原点的常规二维平面不同，当我在第一个四分之一中单击某个具有正X和Y的位置时，仍然会得到其中一个为负

如何修改此代码段，使其类似于X和Y坐标的法线笛卡尔平面，原点位于中心

提前感谢，

试试这个：

---

是的！非常感谢你。另一个简短的问题：正如你所注意到的，我“汇总”了结果，但仍然得到一个分数位数。是否有一个函数将结果舍入为整数？干杯，谢谢。你总是用和我问题相同的标签回答问题吗？我真的很感谢你的帮助…很高兴读到：）如果我的评论对你有帮助，那么+1，那么它将向其他有类似问题的读者突出显示。我更喜欢.NETMVC，但我喜欢帮助解决实际的HTML/CSS/JS问题。最后，如果可以的话，我很乐意再次帮助你！当然，我已经“接受”并强调了“有用”您的回答和评论。我还在C++中开发MVS2010的一些东西，所以我也会在那里有一些问题。非常高兴，祝你的项目好运！祝你今天愉快

    $( 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) );
        });
    });

$( '#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) );
});