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

Question

我有一个意大利地图，我需要以编程的方式给一些区域着色。

如下图所示：

​

​

正如你所看到的，有几个区域有不同的颜色(橙色)。

我有一个页面，我需要突出用户的区域，所以我需要给这些区域不同的颜色。底座为灰色，选定的底座必须为橙色。

现在，我怎样才能以编程的方式来做呢？

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

有什么想法吗？

Answer 1

你有没有考虑过像这样的jQuery驱动的交互式地图：

Link 1

或者，如果你真的被卡住了，你可以看看像这样的东西(付费插件！)

Link 2

Answer 2

我仍然喜欢创建“每个用户一张图片”。它实际上不是每个用户的。对已经创建的映像进行变体，并通过服务器端逻辑加载它们。我是说，有点像精灵。对每个零件都进行着色和非着色处理。

Answer 3

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

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