如何使用Javascript更改图像色调

我正在尝试使用JavaScript、HTML和CSS制作一个图像色调变换器。问题是我需要使用javascript更改图像色调。我尝试过使用

document.getElementById（“output”）.style

，但没有显示任何色调。我可以使用HTML和CSS更改色调：

HTML:

CSS:

.huerotate{-webkit过滤器：色调旋转（180度）；}

我还不能用Javascript复制它。

这样做： （element）.style.filter=“色调旋转（180度）”

至少我认为你是这么想的。 希望有帮助！德国劳埃德船级社

---

编辑：我忘了将Style属性添加到元素中。

该属性称为

filter

（忽略

webkit

），与

hue

无关

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

或使用

webkitFilter

：

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