我正在尝试为 CSS 实现穷人的混合模式,期待浏览器推出支持。(我使用的CSS预处理器是Stylus,这对讨论并不重要。我从 W3C SVG 规范中找到了混合模式计算的来源,但某些方程给出的结果与预期结果大不相同 - 特别是hard-light
、soft-light
、color-dodge
和color-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
- 柔光有完整的描述。
- 硬光与叠加相同,但图像反转。遵循叠加公式。
- "颜色减淡混合模式将底层除以倒置的顶层"