Leksykon IT › Web › Paint worklet

Paint worklet

Web Svenska → Zaktualizowano: 2026-10-07

Pozwala zarejestrować klasę JavaScript, która rysuje bezpośrednio we właściwości CSS: background-image: paint(myPattern).

Kod działa w workletcie — okrojonym kontekście bez dostępu do DOM, który może pracować poza głównym wątkiem — i dostaje kontekst rysowania przypominający canvas. Elegancja polega na tym, jak łączy się to z resztą CSS: klasa workletu deklaruje, które własne właściwości odczytuje, a przeglądarka sama przerysowuje wynik, gdy któraś z nich się zmieni — dzięki czemu efekt można animować i przejściować zwykłym CSS-em. Zastosowania to wzory, dynamiczne obramowania, faliste krawędzie i ozdobne kształty, które inaczej byłyby plikiem SVG lub ręcznie utrzymywanym data URI. Technika działa i jest naprawdę zgrabna, ale zaimplementowano ją tylko w Chromium, przez co pozostała ciekawostką, a nie narzędziem.

← Wróć do leksykonu