HTML5图像效果

HTML5 image effects

本文关键字：图像 HTML5 更新时间：2023-09-26

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

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

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

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

感谢

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

您也可以查看此链接：http://www.w3schools.com/svg/svg_filters_intro.asp

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