我試圖使用JavaScript檢索基于圖像的顏色,類似于在TMDB網站的背景部分找到的功能。在這一部分,TMDB分析了電影海報的顏色,并用它們作為頁面的背景。但是,我想通過突出海報來達到這種效果。
tmdb電影頁面示例
我試驗過我所知道的各種方法,但都沒有達到預期的效果。
我希望從圖像中檢索顏色,并將它們用作該部分的背景,確保顏色和諧地混合,沒有任何特定的元素,如電影海報,突出出來。然而,我的嘗試至今沒有產生預期的結果。
當您想要預加載圖像時,可以使用此功能。
現在想象我們的圖像沒有完全加載。 如何使用它的調色板來設置背景? 沒有辦法做那件事。
對于這個問題,你必須從你的后端源代碼中完成。在后端獲得調色板,并設置圖像的背景梯度。 所以你可以在加載前看到圖像的背景漸變。
還有另一種方法,我不推薦使用色賊庫來獲得圖像的調色板,并用它來設置背景漸變。 (問題是你從clinet做這個,直到你的圖像加載,你不能得到圖像的調色板和設置背景)。