A polyfill for the CSS Paint API, with special browser optimizations.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demo Github Pages publish process May 21, 2018
src Improve fallback style mutation tracking. Jul 13, 2018
.gitignore Initial release! May 18, 2018
CONTRIBUTING.md Initial release! May 18, 2018
LICENSE Initial release! May 18, 2018
README.md Add demo gif May 23, 2018
package.json 1.0.2 Jul 13, 2018

README.md

css-paint-polyfill

Houdini's CSS Paint Polyfill npm

This is a polyfill for the CSS Paint API.

Performance is quite good in Firefox and Safari courtesy of -webkit-canvas() and -moz-element(). For the remaining browsers, framerate is governed by Canvas toDataURL() / toBlob() speed.

CSS Paint Polyfill demo

Usage

<script src="css-paint-polyfill.js"></script>
<!-- or: -->
<script src="https://unpkg.com/css-paint-polyfill/dist/css-paint-polyfill.js"></script>

Or with a bundler:

import 'css-paint-polyfill';

... or with ES Modules on the web:

import('https://unpkg.com/css-paint-polyfill/dist/css-paint-polyfill.js');

To-Do

  • Add second options argument to addModule() (spec)
  • Extract addModule() into its own repo (spec)