Javascript 如何更改图像上的颜色？

如果我点击图像，它应该改变图像部分的颜色。然后我想替换图像。可以使用javasript完成吗？

---

请帮助我。

JavaScript无法更改.jpg、.png或.gif等物理图像（据我所知），但替换图像很容易

document.getElementById("foo").src = "example.jpg";

---

如果您的意思是更改单击像素的颜色，而不是，那么仅使用JavaScript是不可能的。但是您可以获取坐标并将其传递给PHP脚本。在PHP中，您可以更改图像

---

除非我误解了，否则我认为你可能会在你想要更改的图像上方放置一个透明图像，从而改变图像的外观。我想我曾经做过类似的事情。

至于颜色的改变，是的，可以做到，您可能可以使用SVG和画布元素以及使用图像的JavaScript制作一些东西。

除非您需要以编程方式将颜色更改为运行时确定的值，该值可能有许多选项-只需为每种颜色创建多个图像，并使用上面的JavaScript替换相应颜色的图像即可。如果您通过JS预加载图像，更改应该是即时的。我不知道SVG和Canvas元素。请告诉我如何在我的建议中使用这些。实际上，我想在单击该部分的鼠标时更改图像部分的颜色。感谢您的回复。我尝试使用此代码。if（imagecopy（Aseat.png，seat_new.png，0，1，0，1，10，16））{return Aseat.png；header（“Location:Test1.html”）；imagegif（Aseat.png）；imagedestroy（Aseat.png）；imagedestroy（seat_new.png）；}但我得到这样的错误。解析错误：上面代码第20行的D:\xampp\htdocs\seat_planner\Testimage.php中的解析错误是if（imagecopy（Aseat.png，seat_new.png，0，1，0，1，10，16））{请给我一个指令。你必须把所有字符串都用引号括起来。“Aseat.png”，“seat_new.png”等等。