Polyfills
CanvasRenderingContext2d.prototype.filter and
OffscreenCanvasRenderingContext2D.prototype.filter
capability of adopting CSS3 filters to canvas contexts at least
partially.
Right now
only WebKit
misses an implementation (Bugzilla #198416)
all engines support it natively, despite Safari not having shipped it
yet in the stable release channel.
This example will show the polyfilled filters on the left and the untouched native implementation on the right.
So in this case here, you're using , which polyfilled.
undefined
none
blur(6px)
brightness(2)
contrast(250%)
drop-shadow(3px 3px 5px red)
grayscale(50%)
hue-rotate(180deg)
invert(.9)
opacity(.5)
saturate(5)
sepia(100%)
offscreen
original gradient
inverted gradient
mixed with text
composition
clearing