在CSS中以不同方式为图像的多个部分着色

我有一个问题类似于如何使用jquery更改图像的颜色 ,但使用鞋子。 问题是鞋子有多个部分(鞋跟,鞋跟,鞋底……),我需要让用户改变每个部分的颜色。 我正在使用jQuery或一些基于Javascript的框架。

对此最好的方法是什么? 有没有办法在图像中定义要独立着色的区域? 或者应该将鞋子分成多个图像并与CSS一起使用? (我不喜欢这个想法…)或者……以上都没有? 🙂

RaphaelJS值得寻找解决方案。 看看他们的世界地图示例

事实上,如果您有预计算的平均值或修复您的鞋子部分并在其上设置坐标,您将能够在鞋子上方绘制和填充SVG多边形。 困难的部分是知道或确定轮廓路径的坐标……

该网站正在使用RaphaelJS进行叠加