CSS.paintWorklet (Static property)

Draft: This page is not complete.

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.

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

Syntax

var worklet = CSS.paintWorklet;

Value

The PaintWorklet object.

Examples

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

<script>
  if ('paintWorklet' in CSS) {
    CSS.paintWorklet.addModule('checkerboard.js');
  }
</script>

Specifications

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

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`paintWorklet`	65	79	No	No	52	No	65	65	No	47	No	9.0