Convert mouse coordinate to cartecian (centered on parent div)

.md

##jQuery: Convert mouse coordinate to cartecian (centered on parent div)

Demo

$('.canvas').on('click', function(e){
  var offset = $(this).offset();
    var x = (e.pageX - offset.left);
    var y = (e.pageY - offset.top);

  var A= $(this).width();
  var B= $(this).height();
  var Xmax = A / 2; 
  var Xmin = Xmax *-1;
  var Ymax = B / 2;
  var Ymin = Ymax *-1;
  
 var xp = (x - Xmax) * A / (Xmax - Xmin);
 var yp = (y - Ymax) * -B / (Ymax - Ymin);
  
  alert("X: " + xp + "  Y: " + yp);
})