PHP 图像处理。棕褐色、饱和、 toastr 滤镜与 CSS 完全相同

Question

我需要创建一个脚本，让用户可以将一些类似 instagram 的过滤器应用于他们的图像。首先它应该在浏览器中完成。最简单的方法当然是 css3 过滤器。然后图像应该上传到服务器，并且必须使用与在浏览器中看到的完全相同的过滤器保存。

现在问题开始了。我可以用 Image Magick 或 Image GD 库做一些棕褐色、饱和的或类似 toastr 的效果，但结果看起来与我们在浏览器中看到的图像不同。Image Magick 的“Sepia”不同于我们在使用 css “filter: sepia();” 时看到的“sepia”。更糟糕的是:用户可能会决定滤镜组合(棕褐色、饱和度、 toastr 、对比度等)。 我几乎不知道如何重新创建它。

我现在唯一的解决方案是在没有 css 的情况下在 Canvas 元素上实现“浏览器内”效果(因此，我可以轻松地在浏览器和服务器上使用相同的算法)。但我觉得这很难看，我想继续使用 css3。

有什么地方可以很好地描述 css 过滤器的内部架构吗？

Answer 1

我不认为 CSS 是解决这个问题的最佳方式。虽然您可以使用像 CamanJS ( http://camanjs.com ) 这样的插件，它使用 HTML5 Canvas，但提供了大量的功能和选项来制作您自己的过滤器或使用现有的过滤器。

但是，如果您仍然想使用 CSS。您可以在此处查看此 CSS Filter Module Draft，它将准确解释您正在寻找的内部架构。 http://www.w3.org/TR/filter-effects/#sepiaEquivalent