我其实不知道这种情况的具体名称（如果有的话），我的问题是这样的； 我想建立一个网页，就像购物网站或汽车公司官方网站上的页面一样。
例如，您想购买一件 T 恤，它有颜色选项，当您单击颜色时，T 恤的图像会像所选颜色一样发生变化，或者在官方汽车公司网站上汽车有颜色选项，并且您选择网站显示汽车颜色的颜色。
我做了类似的事情，但有 4 个颜色选项，我更改了它的颜色，它正在工作，但我有 4 个不同的图像，我需要像 100 种不同的颜色一样这样做。但是我不能为此制作 100 个不同的图像，有什么办法可以解决这个问题吗？
我希望，我可以解释一下自己。
谢谢！
【问题讨论】：
标签： javascript html css colors photoshop
如果我正确理解了这个问题，您是在问是否有办法以编程方式对图像进行 Photoshop 处理。我试过了，我想我有一个解决方案。
首先，您应该拍摄您的照片。然后使用 Photoshop 或任何其他软件，使需要其颜色更改的对象透明。然后看下面的代码，并相应地进行调整。
JS：
function blue() {
document.getElementById("div").style.backgroundColor = "blue";
}
function red() {
document.getElementById("div").style.backgroundColor = "red";
}
function green() {
document.getElementById("div").style.backgroundColor = "green";
}
HTML：
<button onclick="blue()">Blue</button>
<button onclick="red()">Red</button>
<button onclick="green()">Green</button>
<div id="div" style="z-index: 1; background-color: blue; width:550; height:718;"> //Insert the width and height of the picture
<img src="Picture1.png" style="z-index:2;"/> //Picture1 is the picture with the object
</div>
当您单击“红色”按钮时，div 的背景颜色变为红色，并且由于您使对象的背景透明，因此该对象应显示为红色。
【讨论】：