graphics - 强光、柔光、颜色减淡、颜色加深的混合模式公式？

Question

我正在尝试为 CSS 实现穷人的混合模式，期待浏览器推出支持。 (我使用的 CSS 预处理器是 Stylus，这对讨论并不重要。)我找到了 a source for blending mode calculations来自 W3C SVG 规范，但有些方程给出的结果与预期大不相同——特别是，hard-light , soft-light , color-dodge , 和 color-burn .

有没有人知道有关混合模式的更正确、更可靠的公式？我将每种颜色的 RGB channel 乘以它们的 alpha。

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

Answer 1

按照这个链接。公式非常简单。

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

柔光有完整的描述。

HardLight 与 Overlay 相同，但图像倒置。遵循叠加公式。

“颜色减淡混合模式将底层除以倒置的顶层”