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

[wpt-interop]

Thank you for proposing CSS Paint API for inclusion in Interop 2025.

We wanted to let you know that this proposal was not selected to be part of Interop this year.

On behalf of the entire Interop team, thank you for submitting this proposal for consideration. We got many more proposals than we could include in this year's project, necessitating some difficult choices. Please note this should not be taken as a comment on the technology as a whole, or our willingness to consider it for Interop in the future. We appreciate the work you put into your proposal, and would welcome your participation in future rounds of Interop.

For an overview of our process, see proposal selection. Thank you again for contributing to Interop 2025.

Posted on behalf of the Interop team.