🔰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 的部分會被完全截掉。
.globalAlpha (default = 1, opaque)
.globalCompositeOperation (default = "source-over")
💾 replit: canvas compositing
shadows - only drawn for source-over compositing operations.
Last updated