响应图像坐标

Question

我使用jQuery创建了一个图像标记系统。对于图像上的每次单击，我将获取该点的坐标并将它们存储在数据库中。但是，在使该系统响应之后，我的标签位置会发生变化。如何保持图像的坐标，而不是屏幕。

这是我的代码：

$(document).on('click','.imageContainer',function(e){
    //alert($(this).width());

var pOffset=$(this).parent().offset();

var pwidth= $(this).width();
    var pagex=  e.pageX;
    var screenx= e.screenX;
    var offset =e.offsetX;

    left = (pagex-pOffset.left)+10;
     top = (e.pageY-pOffset.top)+10;
   });