canvas のオリジン間制約があるため、画像のドメインが vinking.top 以外の場合は出力できません。

以前、カラーピッカーサイトで背景画像の主要色を取得できるのを見て、どうやっているのかずっと気になっていました。ひと晩かけて探った結果、仕組みがついに分かりました。

「動けばOK」主義と、ネットの達人たちのおかげで、画像の主要色を取得できるツールを書き上げました。変な問題は放置してます[DarkBText]（実は対処法が分からない）[/DarkBText]が、普通に動きます。画像処理でビット深度を下げるアルゴリズムと同じで、コアはメディアンカット法です。

いわゆるメディアンカット法は実にシンプルです。まず3次元のRGB空間を作り、画像の全ピクセル色をその空間に配置します。次に、すべてのピクセル色を含む3次元RGB領域を囲み、第三步でその領域の最長辺を中央で切断し、二つの新領域が同数のピクセルを含むようにします。これを繰り返し、長方体の数が欲しい主要色数に達したら、各小領域のピクセル平均値を取れば主要色の完成です〜。なぜ切るのか？切ることで似た色を均等に区画内に収め、最後に平均を取るとき、一色でその領域を代表させるためです。

簡単でしょ〜！そうでしょ！そう！

コードは CSDN の 業余_玩家 氏を参考に、出典：https://blog.csdn.net/qq_28401309/article/details/104209199

この方法、マジでヤバい！