どの兄弟がアイデアを提供できますか?
デモを提供するのが最善でしょうか?
キャンバスを使用して画像を読み込みます。HTML5 キャンバスには getImageData() メソッドがあり、特定の点のピクセルの色を取得し、その色を明るくします (透明度を追加すると効果を高めることができます)。ピクセルが取得される場所は、希望する色ではない可能性があります。 サーバーに送信して処理するのが最善だと思います
getImageData()
これは白い半透明のマスクじゃないですか？
あなたが言ったことによると、画像全体のメインカラーを取得してから、背景をメインカラーと一致するように設定する必要がありますが、少し明るい色を使用することも、色を減らすこともできます。深さ。背景が写真の場合は、色に応じて写真を変更する必要があります。
DBImageColorPicker など、メインカラーを取得するためのライブラリが多数あります。
上に半透明のマスクがあり、マスクの下にあるのは拡大されたアバターです
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
キャンバスを使用して画像を読み込みます。HTML5 キャンバスには
getImageData()メソッドがあり、特定の点のピクセルの色を取得し、その色を明るくします (透明度を追加すると効果を高めることができます)。ピクセルが取得される場所は、希望する色ではない可能性があります。サーバーに送信して処理するのが最善だと思います
これは白い半透明のマスクじゃないですか？
あなたが言ったことによると、画像全体のメインカラーを取得してから、背景をメインカラーと一致するように設定する必要がありますが、少し明るい色を使用することも、色を減らすこともできます。深さ。背景が写真の場合は、色に応じて写真を変更する必要があります。
DBImageColorPicker など、メインカラーを取得するためのライブラリが多数あります。
上に半透明のマスクがあり、マスクの下にあるのは拡大されたアバターです