GoogleChromeLabs/css-paint-polyfill

Name: css-paint-polyfill

Owner: GoogleChromeLabs

Description: A polyfill for the CSS Paint API, with special browser optimizations.

Created: 2018-05-18 21:09:42.0

Updated: 2018-05-24 20:59:17.0

Pushed: 2018-05-23 20:41:57.0

Homepage: https://googlechromelabs.github.io/css-paint-polyfill/

Size: 43

Language: JavaScript

GitHub Committers

UserMost Recent Commit# Commits

Other Committers

UserEmailMost Recent Commit# Commits

README

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

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

Or with a bundler:

rt 'css-paint-polyfill';

… or with ES Modules on the web:

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

To-Do


This work is supported by the National Institutes of Health's National Center for Advancing Translational Sciences, Grant Number U24TR002306. This work is solely the responsibility of the creators and does not necessarily represent the official views of the National Institutes of Health.