CSS: paintWorklet static property

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

The static, read-only paintWorklet property of the CSS interface provides access to the paint worklet, which programmatically generates an image where a CSS property expects a file.

Value

The associated Worklet object.

Examples

The following example demonstrates loading a paint worklet from its js file and does so by feature detection.

js
if ("paintWorklet" in CSS) {
  CSS.paintWorklet.addModule("checkerboard.js");
}

Specifications

Specification
CSS Painting API Level 1
# ref-for-dom-css-paintworklet

Browser compatibility

desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
paintWorklet static property
Experimental

See also