Javascript 在HTML5中设置透明颜色

可以为HTML5中加载的图像设置透明颜色吗

---

我将寻找类似于SDL中可用的setColorKey（）函数的东西。这将用于轻松地从我将要使用的一些精灵表中删除背景。

没有用于此的内置功能。如果这不需要是动态的，那么可以从原始图像中删除颜色，并使这些区域透明。然后将图像放入一个div中，该div具有刚从图像中删除的背景色。之后，当您将鼠标移到图像上时，可以更改div的背景色

---

如果这听起来像是正确的想法，并且您需要一些启动代码，请告诉我。

没有非常简单的方法可以做到这一点，但是您可以使用

标记来完成

使用

drawImage

在画布中绘制图像，然后使用

getImageData

和

putImageData

对其执行像素操作

---

这里有一些画布中像素操作的例子：

为什么不首先创建一个透明背景的图像？这当然是可能的，但我只是好奇。我想问自己的问题是：为什么要重复这种处理，在每个客户端的每个页面上加载，而不是在服务器上只加载一次？执行此“动态”操作的一个原因是，如果您想在客户端上使用不同的调色板sprites@JaniHartikainen我不是说没有一个好的理由，我只是说确保你有一个好的理由来解释为什么你不在服务器端甚至离线的情况。如果你想动态地处理图像的整个调色板，那么SVG可能是一个更好的起点。如果你看不到图像的背景，那么SVG没有多大用处。很抱歉。我只是重读了你的问题，我正在编辑我的回答。问题是关于用透明度替换图像中的单一颜色，而不是使整个图像半透明。我不认为这可能是@DavidI，我很确定它不是（除非canvas API有相关内容），但这正是问题所在。