如何在JavaScript中为图像着色？

Question

我正在寻找通过某些规则来彩色图像像素的方法。可以说我有一些图像：

<div id="static"> 
    <img border="0" src="some/image.png"> 
</div> 

我想根据RGB（或其他方式）将像素着色为黑色。

到

我知道该怎么做，在Java

，发现源如何做到这一点的C++（example）

但JavaScript。 ..嗯

请帮助我。

Answer 1

你应该能够做一些类似的，尽管可能很慢用帆布。

看到这个职位后，如何抓取像素的颜色后，将您的图像转换为画布表示： How to get a pixel's x,y coordinate color from an image?。

您必须使用for循环替换event.OffsetX和event.OffsetY中每个像素的坐标，以检索每个像素的RGB。然后，如果它不匹配蓝色的RGB值，用黑色代替像素的颜色，如果是蓝色，白色取代它。如果没有锁定浏览器（我还没有亲自使用canvas来了解它的性能），除非将它卸载到web worker，否则它会在另一个线程中发生，否则它会非常缓慢，边界线可能不可行。