在HTML5中设置透明色

Question

是否可以为HTML5中加载的图像设置透明色？

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

Answer 1

没有非常简单的方法可以执行此操作，但您可以使用<canvas>标记执行此操作。

使用drawImage在画布上绘制图像，然后使用getImageData和putImageData对其执行像素处理。

这里有一些像素操作的例子：https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Drawing_shapes

Answer 2

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

如果这听起来像是正确的想法，你需要一些入门代码让我知道。