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

时间:2012-07-04 12:56:47

标签: javascript jquery image

我有类似于How to change color of an image using jquery的问题,但是有一双鞋。问题是鞋子有多个部分(鞋跟,鞋跟,鞋底......),我需要让用户改变每个部分的颜色。我正在使用jQuery或一些基于Javascript的框架。

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

1 个答案:

答案 0 :(得分:1)

RaphaelJS值得一看这个解决方案。看看他们的World Map example

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

This site正在使用RaphaelJS进行叠加

相关问题