在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  HTML/ 如何用JavaScript實(shí)現(xiàn)獲取背景圖片顏色深淺,對(duì)文字顏色進(jìn)行黑/白調(diào)整?

如何用JavaScript實(shí)現(xiàn)獲取背景圖片顏色深淺,對(duì)文字顏色進(jìn)行黑/白調(diào)整?

我現(xiàn)在在做一個(gè)頁(yè)面,背景圖片是從一個(gè)圖片庫(kù)里隨機(jī)獲取的,有些顏色較深,有些顏色較淺,我想實(shí)現(xiàn)用js自動(dòng)判斷,當(dāng)圖片顏色深時(shí),將字體顏色設(shè)置為白色,當(dāng)圖片顏色淺時(shí)設(shè)置為黑色。
就像iOS鎖屏?xí)r間的顏色會(huì)根據(jù)壁紙顏色深淺自動(dòng)變化一樣。
請(qǐng)問(wèn)如何才能實(shí)現(xiàn)判斷圖片顏色深淺這一步呢?

回答
編輯回答
痞性

利用canvas獲取圖片像素值,然后對(duì)像素進(jìn)行采樣,然后就不用我說(shuō)了吧?


那就把計(jì)算像素的工作交給后端,后端計(jì)算好了把圖片和結(jié)果一起返回給前端。不過(guò)這樣就得改api了,前一種方法實(shí)際上也得改api。可以增加接口,而不改動(dòng)現(xiàn)有接口(但實(shí)現(xiàn)還是要改),每次隨機(jī)獲取圖片后后端就在session中記錄這個(gè)會(huì)話上一次獲取的圖片的唯一id,然后再提供一個(gè)接口獲取上一次隨機(jī)的圖片,或者上一次隨機(jī)的圖片的平均像素值。

2017年6月27日 21:49