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