canvasのクロスドメイン問題があるため、画像がvinking.top以外のドメインにある場合は出力できません。

以前、色を取得するウェブサイトで背景画像の主要な色を取得できることを見たことがありますが、その仕組みを理解するために一晩中探求し、ついにその原理を理解しました。

できるだけ的原则に則り、ネット上の達人によって、画像の主要な色を取得するツールが作成されました。奇妙な問題は解決しませんでしたが[DarkBText]実際にはできません[/DarkBText]、正常に動作することは可能です。画像処理で画像のビット深度を下げるアルゴリズムと同じで、その核心となる原理は中位数分割法です。

いわゆる中位数分割法は非常にシンプルです。まず、三次元RGB空間を構築し、画像のすべてのピクセル色をこのRGB空間に入れて、次に画像のすべてのピクセル色を含んだ三次元RGB領域を定義します。第三步では、このRGB領域の最も長い辺を中位数で切り、切り分けられた後の2つの新しいRGB領域が同じピクセルポイントを含まれるようにし、第三步を繰り返し、長方形の数が画像の主要な色の数になるまで切り分けます。そして、小さな長方形領域のピクセル平均値を取得して、画像の主要な色として使用します。なぜ切り分けるのかというと、それはできるだけ類似した色を長方形内に均等に分布させるためで、最終的に平均値を取る際には、1つの平均色で一つの領域の色を表すことができるからです。

簡単ではありませんか？そうです！そうですよね！

コードはCSDNの業馀_プレイヤーに参考してください。コードの出所：https://blog.csdn.net/qq_28401309/article/details/104209199。

この方法は本当に素晴らしいです！