Filters in 2D canvas

Category: Graphics
Type: New or changed feature
Status: Enabled by default (Chrome 52)
Intent stage: None

Summary

Add a string attribute called 'filter' to CanvasRenderingContext2D to apply effects to primitives drawn to the canvas. The attributes is parsed the same way as CSS filters.

Standards & signals

Specification: https://html.spec.whatwg.org/multipage/scripting.html#filters
Firefox: In development
Safari: No signal
Web developers: Positive
Tracking bug: https://crbug.com/501642

Docs: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/filter

View on chromestatus.com