iTunesのアルバム情報を表示する時のカラーリング、オシャレだよね! 今回はこんな感じのカラーリングを画像から抽出する処理を、jsで実装します。 こういった面白そうな課題にはすでに先駆者様達がたくさんいるので、それを参考にしながら実装しようかと思います。 実装はいろいろありますが、今回参考にしたのはコレ! user interface - How does the algorithm to color the song list in iTunes 11 work? - Stack Overflow Mathematicaというやつで書かれてますが、手順をかなり詳細に記述してくれているので、js等でも問題なく実装できそうです。 ざっくり手順 ざっくりとした手順はこんな感じ。 ドミナントカラーの求め方とか、詳細は実装と一緒に記載します。 画像から色をRGBとして読み取る 読み取った色を、画
![iTunesのアルバム情報のカラーリングをjsで実装する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/71f76fe11d6ed2f3973006d7645b0c2d4ff502d0/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fogp-background-1150d8b18a7c15795b701a55ae908f94.png%3Fixlib%3Drb-1.2.2%26w%3D1200%26mark%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D380%2526txt%253DiTunes%2525E3%252581%2525AE%2525E3%252582%2525A2%2525E3%252583%2525AB%2525E3%252583%252590%2525E3%252583%2525A0%2525E6%252583%252585%2525E5%2525A0%2525B1%2525E3%252581%2525AE%2525E3%252582%2525AB%2525E3%252583%2525A9%2525E3%252583%2525BC%2525E3%252583%2525AA%2525E3%252583%2525B3%2525E3%252582%2525B0%2525E3%252582%252592js%2525E3%252581%2525A7%2525E5%2525AE%25259F%2525E8%2525A3%252585%2525E3%252581%252599%2525E3%252582%25258B%2526txt-color%253D%252523333%2526txt-font%253DAvenir-Black%2526txt-size%253D54%2526txt-clip%253Dellipsis%2526txt-align%253Dcenter%25252Cmiddle%2526s%253D5866d3835fa20eae9a7bb381151841ee%26mark-align%3Dcenter%252Cmiddle%26blend%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D500%2526txt%253D%252540bonon0%2526txt-color%253D%252523333%2526txt-font%253DAvenir-Black%2526txt-size%253D45%2526txt-align%253Dright%25252Cbottom%2526s%253D015f3128884cb96f71e9c372587f4067%26blend-align%3Dcenter%252Cmiddle%26blend-mode%3Dnormal%26s%3Db7056808341b4ea69198665cb3b27cb6)