CSS Paint API

[dandclark]

Description

The CSS Paint API is used to write a paint function to define an image that can be used to draw directly to an element's background, border, or content. This allows for much better polyfilling, enabling developers to extend CSS itself.

Tests: https://wpt.fyi/results/css/css-paint-api?label=experimental&label=master&aligned&view=subtest

Specification

https://drafts.css-houdini.org/css-paint-api/

Additional Signals

• The polyfill https://github.com/GoogleChromeLabs/css-paint-polyfill has 738 stars.
• It was selected by ~11% of respondents in this MDN CSS & HTML Survey.
• Blog posts with positive comments: https://css-tricks.com/the-css-paint-api/, https://www.smashingmagazine.com/2016/03/houdini-maybe-the-most-exciting-development-in-css-youve-never-heard-of/#css-paint-api