在CSS或JavaScript中反转图像的颜色 [英] Invert colors of an image in CSS or JavaScript

问题描述

如果可能，或在JavaScript中，如何在css中反转图片的颜色（jpg / png ..）？

上一个

解决方案一个只能在webkit浏览器中使用的新过滤器属性 在webkit浏览器和Firefox中支持 。它不支持IE或Opera mini：

  img {-webkit-filter：invert（1）; filter：invert（1）; }  

 < img src =http：// i .imgur.com / 1H91A5Y.png>  

How do I invert colors of an image (jpg/png..) in either css if possible or javascript?

Previous related questions don't give enough detail.

解决方案

CSS3 has a new filter attribute which will only work in webkit browsers supported in webkit browsers and in Firefox. It does not have support in IE or Opera mini:

img {
   -webkit-filter: invert(1);
   filter: invert(1);
   }

<img src="http://i.imgur.com/1H91A5Y.png">

这篇关于在CSS或JavaScript中反转图像的颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！