CSS: paintWorklet 静的プロパティ

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

安全なコンテキスト用: この機能は一部またはすべての対応しているブラウザーにおいて、安全なコンテキスト (HTTPS) でのみ利用できます。

paintWorklet は CSS インターフェイスの静的な読み取り専用プロパティで、ペイントワークレットへのアクセスを提供します。これは、CSS のプロパティが画像ファイルを期待する場所においてプログラムで画像を生成します。

値

関連付けられた Worklet オブジェクトです。

例

次の例は、js ファイルからペイントワークレットを読み込む方法を示しており、機能検出によって読み込みます。

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

仕様書

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

ブラウザーの互換性

BCD tables only load in the browser

関連情報