如何将图像映射添加到动态创建的PHP gd库图表中？

Question

我正在构建一个从数据库填充的图表。现在，我想点击每个点向用户深入了解一些信息。我不知道如何将图像映射集成到动态动态创建的图表的每个元素。您能否提供有关此主题的示例代码，链接或文章。谢谢，更多的权力SO。

Answer 1

Client-side image maps基本上是设置为覆盖在配置为可点击链接的图像上的区域。链接可以是javascript或指向其他页面。区域形状选项为矩形（rect），圆（circle）和多边形（poly），您可以设置相对于图像上的斑点的区域尺寸和位置。上面的链接显示了示例。当您从服务器端脚本构建映像映射时，您可以完全控制区域（可能是整个条形）及其关联的链接（可能导致查询脚本附带标签的ID号）。

基本上，您必须在脚本中构建两次图表：第一个脚本构建和提供图像，第二个脚本（主html视图）构建匹配的地图，其中包含一组坐标以适合图像。

您可能也对Server-side image maps感兴趣。当您设置IMG元素属性ismap并将图像元素包装在可点击的超链接中时，它允许它，以便用户可以单击图像上的任何位置，以及它们单击的位置坐标（x， y）将作为额外的GET参数和超链接自动发送。在服务器端脚本中，查找看起来像坐标的$_GET键（如果客户端点击图像上的x355，y71，则键名将为“355,71”）。然后，您可以将这些数字转换为动态图表上的区域。