IT用語集 › Web › Paint worklet

Paint worklet

Web Svenska → 更新: 2026-10-22

JavaScriptのクラスを登録して、CSSプロパティに直接描画させる仕組み。background-image: paint(myPattern) のように使う。

コードはワークレットの中で動く。DOMにアクセスできない簡素な実行環境で、メインスレッドの外で走らせることもでき、canvasに似た描画コンテキストを受け取る。巧みなのはCSSの他の部分との接続で、ワークレットのクラスが読むカスタムプロパティを宣言しておくと、そのどれかが変わったときにブラウザが自動で再描画する。つまり通常のCSSでアニメーションやトランジションができる。用途は、パターン、動的なボーダー、波形の縁、装飾的な図形など。従来ならSVGファイルか、手作業で保守するデータURIになるものだ。技法としてはきちんと動き、実にエレガントだが、実装はChromiumだけにとどまっており、道具というより珍品になっている。

← 用語集に戻る