HTML5图像效果

时间:2014-08-26 07:40:22

标签: javascript html5 flash

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

你是如何实现这些效果的?通过改变图像的色调/饱和度/亮度和对比度?我正在使用pixastic库来操作图像,因此更改色调/饱和度等值很容易。

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

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

由于

2 个答案:

答案 0 :(得分:0)

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

您还可以查看以下链接:http://www.w3schools.com/svg/svg_filters_intro.asp

答案 1 :(得分:0)

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