🔰compositing

rendering mode

browser ⟩ canvas ⟩ state ⟩ compositing

the process of combining new (source) pixels with existing (destination) pixels.

rendering mode

  • source-over：source (new) pixels are drawn over destination (old) pixels.

  • destination-over：destination (old) pixels are drawn over source (new) pixels.

  • source-atop：超出 destination 的部分會被完全截掉。

PreviousshadowsNexttransformation

Last updated