Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript/html根据图像坐标指向图像_Javascript_Html_Image - Fatal编程技术网

使用javascript/html根据图像坐标指向图像

使用javascript/html根据图像坐标指向图像,javascript,html,image,Javascript,Html,Image,我想输入x,y坐标,在特定坐标的图像上会有一个黑色/红色的点。有没有办法使用javascript/html实现这一点?我想在没有任何互联网连接的情况下实现这一点 如果单击图像,它会自动将X移动到鼠标坐标 $(document).ready(function() { $('img').click(function(e) { var offset = $(this).offset(); var x = e.clientX - offset.left; var y = e.

我想输入x,y坐标,在特定坐标的图像上会有一个黑色/红色的点。有没有办法使用javascript/html实现这一点?我想在没有任何互联网连接的情况下实现这一点

如果单击图像,它会自动将X移动到鼠标坐标

$(document).ready(function() {
  $('img').click(function(e) {
    var offset = $(this).offset();
    var x = e.clientX - offset.left;
    var y = e.clientY - offset.top;
      $(".test").css({"top":y-4,"left":x-4,"display":"block"});
  });
});

我希望这对你有帮助

你试过了吗?我找到了获取图像坐标的方法,但我不知道如何指向那个特定的位置