先看看网上别家的大神解决方案(太高端了 哈哈哈搞不定呀)

73831533188946_.pic_hd.jpg

而且实际拿同事的眼睛做的过实验,感觉反光率好低

2391533195450_.pic_hd.jpg

我的方案 :~)

WechatIMG7378.jpeg

本来想获取图片的无数个点做一个渐变色,结果出来并不理想

看看失败的作品

image.png

wtf 什么鬼东西.....继续优化

WechatIMG144.jpeg

WechatIMG143.jpeg

不行不行 什么鬼东西 ,果断放弃渐变效果

直接做纯色来试试

效果一

Snip20180802_69.png

效果二

Snip20180802_70.png

先说一下原理

把图片分割成10份,然后每隔一段距离获取一个点的色值,计算出平均值,作为背景色就好啦,如果还想做的准确一点,还可以获取更多点的值,把图片分割成更多份显示就可以了

image.png

嚯!!效果看起来出奇的好,所以产品经理再提这个需求................你还是应该弄死他!!!!!!!!弄死他!!!!!!!弄死他!!!!!!!

Demo地址 https://github.com/CZXBigBrother/FuckPhoneShell