Paint API for the world

Mit der Paint API können Sie überall dort, wo Sie in CSS ein Bild benutzen, die paint()-Funktion einsetzen und mit dieser auf ein per JavaScript programmiertes Bild verweisen. paint() wird beim Rendern des Elements ausgeführt. Außerdem läuft paint() neu ab, wenn die Ausmaße des Elements oder Custom Properties sich ändern oder ähnliche Situationen ein Update erfordern. Mit dieser API lassen sich komplexe Bilder erstellen, die flexibel und responsiv sind.

Ein weiterer großer Vorteil der Paint API ist, dass diese Paint Worklets außerhalb des Haupt-Browser-Threads laufen. Sie blockieren daher nicht die Darstellung und haben keine negative Auswirkung auf die Performance. Zudem brauchen Sie für die über die Paint API erzeugten Bilder keine zusätzlichen DOM-Elemente.