如何生成产品的颜色变化

Question

我正在为iPad Safari开发小型网络应用程序。我必须显示一个产品和两个简单​​的颜色选择器的图像。颜色选择器允许自定义产品的颜色（图像上的两个独立区域）。每个颜色选择器有30种颜色，因此有30x30种产品变化。什么是这个问题的最佳解决方案。 我不能使用Flash。
我在考虑：

1. 900种具有所有颜色变化的产品图像
2. 我可以剪切每个图像的一部分并重叠它们。这将是60张图片。
3. SVG。我从来没用过它。是否可以在白色产品图像上添加两个透明层，使用java脚本和色调图像改变其颜色。

Answer 1

您可以将透明的png图像与彩色部分切口（透明）一起使用，将其放入包装内并更改其background-color。这是使用单个图像：

http://jsfiddle.net/vbU3v/1/