如何使用Javascript更改图像色调

Question

我正在尝试使用JavaScript、超文本标记语言和CSS来改变图像的色调。问题是我需要使用javascript改变图像的色调。我试过使用document.getElementById("output").style，但没有显示任何关于色调的信息。我可以使用HTML和CSS来改变色调：

HTML：<img id="output" width="0" height="0" style="border: 0px solid black" class="huerotate">

CSS：.huerotate {-webkit-filter: hue-rotate(180deg);}。

我还没能用Javascript复制它。

Answer 1

该属性称为filter (忽略webkit)，与hue无关。

document.getElementById("output").style.filter = "hue-rotate(180deg)";

或使用webkitFilter

document.getElementById("output").style.webkitFilter = "hue-rotate(180deg)";

Answer 2

这样做：(元素).style.filter=“色调-旋转(180deg)”；

至少我认为你是这么想的。希望它能帮上忙！总帐

编辑:我忘记将Style属性添加到元素中。