在客户端图像上查找坐标

Question

我有一个png 800x800.单击图像上的某个位置(像素)后,假设200x300我想保存这些坐标.

点击它时,相对于图像获取这些坐标的方法是什么？

我不指望你只是给我代码,参考也会很好.

Answer 1

实际上,<input type="image">html元素完全符合您的需求.

<form action="/action_page.php" method="post">
  <input type="image" src="https://68.media.tumblr.com/avatar_c5ab8cc59f62_128.png" alt="Submit" width="128" height="128">
</form>

单击时,提交表单并返回图像中x和y变量(POST或GET,具体取决于表单的方法属性)的坐标.

演示:https://www.w3schools.com/html/tryit.asp？filename = tryhtml5_input_height_width