如何用js自动获取图片的背景颜色,急急急...

JavaScript017

如何用js自动获取图片的背景颜色,急急急...,第1张

div 里面background设置属性background:url('图片地址') 0 0 no-repeat ;background-size:100% 100%就可以了上面background 的 0 0 是 x y 轴的偏移量 no-repeat是如果背景图片不重复出现

给你大概提供下思路:

第一种,你要设计出不同混合后的效果图图片,比如单单加香蕉的图片,混合的图片等,然后就简单了,你根据不同点击显示不同效果图就可以。

第二种,不设计图片,那么你瓶子里就要用颜色值去填充,空瓶子要有个区域用来显示颜色值,样式控制很重要,然后点击香蕉等的时候,要传个RGB颜色值过去,然计算两个混合后的颜色值显示。

第二种比较麻烦。颜色值的混合计算可以参考

http://www.cnblogs.com/crazybingo/archive/2012/05/11/2496440.html