javascript - その下の色に基づいて画像を反転する

Question

その下にある色を反転したいマスク（PNG）があります。フローティングメニュー用です。その下にあるパーツに基づいてパーツを反転するときだけ、一度にすべてを反転させたくありません。それは可能ですか、それとも何か他のことをする必要がありますか?

例: ページの半分が黒で、半分が白です。画像はこの 2 つの半分の上にあります。画像が見えるように、画像の下にあるものを反転させたい

例：

ここに画像の説明を入力

Googleで検索しましたが、何も見つかりませんでした。

score 1 · Accepted Answer

あなたが説明しているのはXNOR操作です：

例 1:

Black: #000000
Black: #000000

Result == Black `xnor` Black
       == Black ^ ~Black
       == #000000 ^ #ffffff
       == #ffffff
       == White

例 2:

Red:   #ff0000
Black: #000000

Result == Red `xnor` Black
       == Red ^ ~Black
       == #ff0000 ^ #ffffff
       == #00ffff
       == Cyan

score 0 · Accepted Answer

私は数ヶ月前にウェブサイトのためにそのようなことをしなければなりませんでした.あなたに合ったものを見つけるかもしれませんが、適切に機能させるには多くの微調整が必要です

この.jsはpngをキャンバス画像に変換し、それを使用して色を動的に変更できる場合があります

2 に答える 2