【问题标题】:Changing Hues of Multiple Images改变多个图像的色调
【发布时间】:2017-11-11 00:32:46
【问题描述】:

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

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

我该怎么做?

【问题讨论】:

  • 是的。这是可能的。
  • 请分享代码!
  • 分享什么代码?我没有任何代码。你只是问有没有可能。答案是肯定的。您应该在这里进行尝试。不是我们其他人。去尝试一下。如果您失败了,请回到这里分享您的代码并寻求帮助。 stackoverflow.com/help/how-to-ask
  • 罗伯特,我尝试了多个代码,但无法做到。这就是我在这里的原因。
  • 然后分享您尝试过的内容以及挂断的位置。 SO 不是一个代码编写服务,您只需来到这里并宣布您想要什么并期望人们免费为您编写代码,您可以将其粘贴到自己的工作中。你应该做出努力。

标签: javascript html css


【解决方案1】:

一个

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

B

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

C

for(var i=0; i<10; 1++){
 setInterval(()=>{
    imgs[0].style.filter = 'hue-rotate('+ i * 360/10+'deg)'
  }, 300)
}

这是方法而不是实际代码,它未经测试,如果您遇到错误,请转到控制台并开始调试并根据需要添加更多代码,希望它会给您一个想法

【讨论】:

    猜你喜欢
    • 2015-08-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-03-26
    • 1970-01-01
    • 2020-09-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多