Filters in 2D canvas

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.

Documentation

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

Specification

Editor's draft

Status in Chromium

Blink components: Blink

Enabled by default (launch bug) in:

• Chrome for desktop release 52
• Opera release 39
• Opera for Android release 39

Consensus & Standardization

• Firefox: In development
• Edge: No public signals
• Safari: No public signals
• Web Developers: Positive

Owners

• ajuma@chromium.org
• junov@chromium.org

Last updated on 2017-06-14