I have created a map using image on canvas and whenever i click on the image to mark the position (the position will be marked in the red rectangle label form) then the rectangle label is appearing far away from the actual clicked position and not marking accurately on the clicked position.

How can i fix that issue?

I have reproduced the issue in the codesandbox:

Here is my codesandbox url: https://codesandbox.io/s/mapediting-87mx4y