硬光、柔光、减色、颜色燃烧的混合模式公式



我正在尝试为 CSS 实现穷人的混合模式,期待浏览器推出支持。(我使用的CSS预处理器是Stylus,这对讨论并不重要。我从 W3C SVG 规范中找到了混合模式计算的来源,但某些方程给出的结果与预期结果大不相同 - 特别是hard-lightsoft-lightcolor-dodgecolor-burn

有谁知道有关混合模式的更正确、更可靠的公式?我正在将每种颜色的 RGB 通道预乘它们的 alpha。

这是我到目前为止所得到的。https://github.com/pdaoust/stylus-helpers/blob/master/blend.styl

https://mouaif.wordpress.com/2009/01/05/photoshop-math-with-glsl-shaders/

下载 PhotoShopMathFp.hlsl 所有方程式都不存在 OPengl es

点击此链接。公式非常简单。

http://en.wikipedia.org/wiki/Blend_modes

  • 柔光有完整的描述。
  • 硬光与叠加相同,但图像反转。遵循叠加公式。
  • "颜色减淡混合模式将底层除以倒置的顶层"

最新更新