如何在加载 Web 图像(非本地）时替换/遮罩特定颜色

how to replace/mask specific colors as web image (non-local) loads?

本文关键字：替换颜色加载 Web 图像更新时间：2023-09-26

这就是我喜欢做的事情。假设我正在浏览器上从 example.com/test.png 加载图像，并且图像未保存在本地服务器上。然后，我喜欢检测图像中的蓝色并用红色替换/掩盖它。换句话说，颜色在加载时显示不同。这是使用javascript，html，...还是其他方式？

如果图像是本地的，我们可以使用颜色检测代码并创建具有修改颜色的新图像。但是，在实时图像加载中，过程似乎有所不同。如果有人可以指导我访问任何 api、示例代码、读数，我将不胜感激,...

谢谢

你可以看看CSS3过滤器 - 特别是hue()属性。也许不像你正在寻找的那么精确，采用特定的像素色调并有条件地改变它。

或者，您可以将图像加载到 <canvas> 标记中，您可以在其中对它执行任何操作，尽管需要考虑某些限制。