如何以编程方式为图像的某些部分着色？

Question

我有一张意大利地图，我需要以编程方式为某些地区着色。

这是图片：

正如您所看到的，很少有区域具有不同的颜色（橙色）。

我有一个页面，我需要突出显示用户的区域，所以我需要以不同的方式为这些区域着色。基数为灰色，选中的颜色必须为橙色。

现在，我怎么能以编程方式进行呢？

我想避免为每个用户创建一个图像。

任何想法？

Answer 1

我仍然更喜欢创建“每个用户一个图像”。实际上并不是每个用户。制作已创建图像的变体，并通过服务器端逻辑加载它们。我的意思是，像精灵一样。让每个部分都着色和不着色。

Answer 2

我不认为php的GD或imagick库是如此强大，如果是这样，它就不那么容易了，并且由此产生的图像可能会失去相当多的质量，因为地图的边界是甚至抗锯齿。

我建议您使用谷歌的“交互式地图”，通常你有矢量化的图像，并使用Javascript和CSS来实现你想要做的事情。也许意大利已有一些东西。

Answer 3

您是否考虑过像这样的jQuery支持的交互式地图：

Link 1

或者，如果你真的陷入困境，你可以看看这样的东西（付费插件！）

Link 2