Javascript HTML5图像效果

我正在将flash图像编辑器转换为html5。编辑器的一个功能是对图像应用效果。以下是flash版本中可用的一些效果的屏幕截图：

如何实现这些效果？通过改变图像的色调/饱和度/亮度和对比度？我使用pixastic库来处理图像，因此更改色调/饱和度等值很容易

不幸的是，我对flash一无所知，查看flash编辑器的源代码并没有给我任何提示

我可以开始尝试操纵这些值并尝试匹配效果。我只是想知道这是否是正确的方法，我不想浪费任何时间尝试随机值来获得想要的效果

---

谢谢

看看css过滤器。它有一个缺点，那就是几乎没有可压缩的浏览器

---

您还可以查看此链接：

我认为您唯一能做的就是使用webGl并应用全屏着色器来获得这种效果。Css过滤器就是这样。 检查此相关问题：

---

CSS提供了很多帮助。我需要将效果应用于画布，以便将结果导出为图像格式。请尝试javascript。也许你可以找到一个为图像编辑而设计的插件。看看这个问题：