点击图片,获取坐标

时间:2020-03-05 18:41:25  来源:igfitidea点击:

我知道这是可以做到的,我什至对如何做到也有一个模糊的想法,但是它不再是模糊的。

我有一个带有图像的标准HTML图像标签,尺寸为100 x 100像素。我希望人们能够单击图像,并为此将他们单击的X和Y传递到函数中。

坐标必须相对于图像的顶部和左侧。

预先感谢任何帮助。

解决方案

回答

我认为我们是在谈论:

<input id="info" type="image">

提交后,将基于输入元素id(在这种情况下为" info.x"和" info.y")具有x和y坐标的表单值。

http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.4.1

回答

根据描述,我们应该注册图像鼠标事件,在这种情况下,我们应该具有图像鼠标按钮事件。

在我们应该使用的功能

Point mousePoint = e.GetPosition( this );

这将根据左上角的int像素为我们提供鼠标位置。

比在mousePoint上可以打印X和Y信息。