js改变图片颜色

在css中，若想对元素的颜色进行改变，需要使用background属性，而通过img标签引入的图片却没有办法使用该属性，此时，提供了一个 filter属性对图片加滤镜。

filter 滤镜

借鉴了Photoshop的滤镜效果，在ps中主要用来设置图层图片的模糊，颜色的高亮，对比度等效果，在css中滤镜通常用于调整图像，背景和边框的渲染和效果。

  filter: hue-rotate(angle) saturate(10)

hue-rotate(angle) 色相旋转
angle ：用于设定图像被调整的色环角度值。值为0deg，则图像无变化。若值未设置，默认值是0deg。该值虽然没有最大值，超过360deg的值相当于又绕一圈。
注意：此属性对黑色图片无效，原始图片需要提供亮色系