jquery - 为图像着色的颜色选择器(HTML、CSS、网络)

Question

我正在尝试找到一个很好的解决方案来使用一张图片，但使用 CSS/HTML 或其他轻量级的东西在图片上应用滤镜或色调。

例如，

理想情况下，我只想在页面上使用 1 张图像，然后根据颜色选择器将透明滤镜/图像放在最上面，但还没有像这样把它放在一边之前。

谢谢

Answer 1

我不会为您编写代码，而是为您指明正确的方向。

从这里开始使用 css3 过滤器 --> http://css-tricks.com/almanac/properties/f/filter/

这将向您展示如何将滤镜应用于图像并根据需要更改颜色。

Next for your colour picker you would make some sorta javascript that when a specific colour is picked it would change the class of that image.有点像……

document.getElementById("MyElement").className = "MyClass";

或

document.getElementById(id).style.property=new style

使用类似的东西

 <button onclick="yourColourPickerFunction()">Click me</button> 

希望对你有帮助