javascript - JavaScriptで画像のピクセルに色を付ける方法は？

Question

なんらかのルールで画像のピクセルに色を付ける方法を探しています。私がいくつかの画像を持っているとしましょう：

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

RGB（または他の方法）に基づいてピクセルを黒に着色したい。

に

私はそれを行う方法を知っています Java

そして、C ++でそれを行う方法をソースで見つけました（例）

JavaScriptでも...うーん

私を助けてください。

Answer 1

おそらくキャンバスを使用するとかなりゆっくりですが、これに似たことができるはずです。

画像をキャンバス表現に変換した後にピクセルの色を取得する方法については、この投稿を参照してください：画像から ピクセルのx、y座標の色を取得する方法は？。

for各ピクセルのRGBを取得するループを使用して、event.OffsetXとevent.OffsetYを個々のピクセルの座標に置き換える必要があります。次に、青のRGB値と一致しない場合は、ピクセルの色を黒に置き換え、青の場合は白に置き換えます。

それはかなり遅く、境界線はおそらくブラウザをロックせずに実行することはできません（私はまだそのパフォーマンスを知るためにキャンバスを個人的に操作していません）、別のスレッドで発生するようにWebワーカーにオフロードしない限り。