这是我喜欢做的事情。假设我正在浏览器上从 example.com/test.png 加载图像,并且图像未保存在本地服务器上。然后,我喜欢检测图像中的蓝色并用红色替换/掩盖它。换句话说,颜色在加载时显示不同。使用 javascript、html、...或任何其他方式是否实用?
如果图像是本地的,我们可以使用颜色检测代码并创建具有修改颜色的新图像。但是,在实时图像加载中,该过程似乎有所不同。如果有人可以指导我使用任何 api、示例代码、读数,我将不胜感激……
谢谢
这是我喜欢做的事情。假设我正在浏览器上从 example.com/test.png 加载图像,并且图像未保存在本地服务器上。然后,我喜欢检测图像中的蓝色并用红色替换/掩盖它。换句话说,颜色在加载时显示不同。使用 javascript、html、...或任何其他方式是否实用?
如果图像是本地的,我们可以使用颜色检测代码并创建具有修改颜色的新图像。但是,在实时图像加载中,该过程似乎有所不同。如果有人可以指导我使用任何 api、示例代码、读数,我将不胜感激……
谢谢
您可以查看CSS3 Filters - 特别是hue()
属性。不过,可能不如您要的精确,采用特定的像素色调并有条件地更改它。
或者,您可以将图像加载到<canvas>
标签中,您可以在其中做任何您想做的事情,尽管需要考虑某些限制。