拼图 - 如何从PHP“着色”图像的一部分？

Question

我希望地图（图像映射）在某些标准适用的区域显示绿色，其他区域显示黄色，其他区域显示红色。

目标是显示可点击的图像，该图像将为某些符合特定条件的状态着色。我以前考虑过闪光灯但是主人根本不想要闪光灯。一种可能的替代方案是在地图上显示“可点击”的彩色标签，但我也不知道如何做到这一点。有谁知道我怎么解决这个问题？任何帮助都感激不尽。谢谢！

Answer 1

查看Raphael：http://raphaeljs.com/

Answer 2

所以这就是我最终做的。

• 我在维基百科上找到了一张svg的尼日利亚地图（里面有svg的地图） 几乎每个国家都有。

• 我下载了InkScape并删除了我不需要的部分 地图。

• 我使用Raphael SVG to HTML Converter tool将其转换为 raphael可以使用的代码。

• 从这里开始非常简单，我可以使用path.fill'colorify' 图像和设置不同的功能很容易点击任何 部分。缩放也不是问题，因为图像可以缩放 动态地基于容器。

感谢大家特别Olle指出我正确的方向！

Answer 3

jQuery矢量地图http://jqvmap.com/

或

JVectorMap

JVectorMap带有比jqvmap更多的预生成映射。但是你应该能够自己生成。

Answer 4

看看jQuery。 PHP不是你要做的事情，它将成为客户端Javascript，使用覆盖图像或通过Javascript更改CSS来操纵html图像映射。

Answer 5

为了它的价值，可以使用gd扩展在php中完成。基本上你要做的是加载图像的全白版本，然后使用图像上的坐标，使用imagefilltoborder（http://www.php.net/manual/en/function.imagefilltoborder）用给定的颜色填充图像。 php）。

但是，为了使其可点击，您无论如何都需要在客户端使用图像映射或javascript。