改变多个图像的色调

时间:2017-11-10 14:45:41

标签: javascript html css

虽然有一些代码可以改变图像的色调一次或两次,但我想: 一个。改变多个图像的色调 湾在循环中应用不同的色调 C。逐渐改变色调而不是突然

<img src="parrots.jpg">
<img src="flowers.jpg">
<img src="rainbow.jpg">

我怎么能这样做?

1 个答案:

答案 0 :(得分:0)

A

private static void berechneVerbrauch(Tankbeleg[] tanken) {
        System.out.print("Datum" + "\tKM-Stand" + "\tLiter" + "\tPreis" + "\tVerbrauch");
        System.out.println(" ");
        for (int i = 0; i < tanken.length; i++) {
            //System.out.printf("%s %s %s %s", tanken[i].datum, tanken[i].kmStand, tanken[i].getankteLiter, tanken[i].literPreis);
            System.out.print(tanken[i].datum + "\t" + tanken[i].kmStand + "\t" + tanken[i].getankteLiter + "\t" + tanken[i].literPreis+ "\t" );
            System.out.println(" ");
        }
    }

var imgs = document.querySelectorAll('img')
imgs.forEach((img)=>{
   img.style.filter = 'hue-rotate(-77deg)'
});

C

 for(i in imgs){
     if(i % 2 === 0)
        imgs[i].style.filter = 'hue-rotate(-77deg)';
     }else{
        imgs[i].style.filter = 'hue-rotate(40deg)';
     }
 }

这是方法而不是实际代码,它没有经过测试,以防你遇到错误,转到控制台并开始调试并根据需要添加更多代码,希望它会给你一个想法