HTML5 图像效果答案

【问题标题】：HTML5 image effectsHTML5 图像效果
【发布时间】：2014-08-26 19:03:08
【问题描述】：

我正在将 Flash 图像编辑器转换为 html5 的。编辑器功能之一是对图像应用效果。下面是一些flash版本中可用效果的截图：http://awesomescreenshot.com/0293dgfv8f

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

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

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

谢谢

【问题讨论】：

【解决方案1】：

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

【讨论】：

CSS 没有太大帮助。我需要将效果应用于画布，以便将结果导出为图像格式。
试试javascript。也许你可以找到一个用于图像编辑的插件。看看这个问题：stackoverflow.com/questions/2247712/js-jquery-image-editor

【解决方案2】：

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

【讨论】：