如何运用js改变一张图片中某一点的颜色.

JavaScript022

如何运用js改变一张图片中某一点的颜色.,第1张

给你大概提供下思路：

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

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

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

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

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