如何单击图像的某些部分

Posted 2023-05-08

【中文标题】如何单击图像的某些部分

【英文标题】：How to click some parts of an image

【发布时间】：2012-10-02 17:44:37

【问题描述】：

我只需要使用以下图片制作索引页面。

当用户点击标志之间的水时，他可以继续到下一页。如果用户在任何其他位置按下，将显示警告消息。我们在 php 中有 x 轴、y 轴的概念吗？

有人知道如何使图像的某些部分可点击吗？任何人都可以提供示例或文档链接吗？

谢谢！

【问题讨论】：

感谢大家的快速回复。我会检查文件，然后接受答案。

【参考方案1】：

您可以使用地图标签：http://www.w3schools.com/tags/tag_map.asp

【参考方案2】：

由于您使用的是 JQuery，您可能想查看此answer on SO

$("#imageId").click(function(e)
var x = e.pageX - $(this).offset().left;
var y = e.pageY - $(this).offset().top;
);

【参考方案3】：

使用<input type="image" src="...picture..." name="my_button" /> 将导致它发布$_POST['my_button_x'] 和`$_POST['my_button_y']，其中包含单击它的坐标。然后，您可以根据需要为“有效”点击定义一些规则：

<?php
if ( (int) $_POST['my_button_x'] > 100 && (int) $_POST['my_button_x'] < 300
     && (int) $_POST['my_button_y'] > 20 && (int) $_POST['my_button_y'] < 50 )

    // valid

else

    // invalid

显然，这是一个准系统示例 - 您仍然需要测试 isset() 等等。

【参考方案4】：

进行图像映射，然后将一些单击事件处理程序与映射区域绑定。不久前，我使用this 创建了正确的地图。希望这对您的情况也很方便。