目的-c - 写真の効果を実現するにはどうすればよいですか?

Question

アバターを変更します。後ろの背景画像はアバターの色に合わせて変わりますが、後ろの背景画像の色は明るくなります。

• どの兄弟がアイデアを提供できますか?

• デモを提供するのが最善でしょうか?

Answer 1

キャンバスを使用して画像を読み込みます。HTML5 キャンバスには getImageData() メソッドがあり、特定の点のピクセルの色を取得し、その色を明るくします (透明度を追加すると効果を高めることができます)。ピクセルが取得される場所は、希望する色ではない可能性があります。
サーバーに送信して処理するのが最善だと思います

Answer 2

これは白い半透明のマスクじゃないですか？

Answer 3

あなたが言ったことによると、画像全体のメインカラーを取得してから、背景をメインカラーと一致するように設定する必要がありますが、少し明るい色を使用することも、色を減らすこともできます。深さ。背景が写真の場合は、色に応じて写真を変更する必要があります。

DBImageColorPicker など、メインカラーを取得するためのライブラリが多数あります。

Answer 4

上に半透明のマスクがあり、マスクの下にあるのは拡大されたアバターです