Listing 1.1 setzt die Eigenschaften fillStyle, strokeStyle und lineWidth auf dem Kontext-Objekt des Canvas. Diese Eigenschaften sind Grafikattribute, die die Farben angeben, die von fill() bzw. stroke() genutzt werden, sowie die Breite der Striche, die stroke() zeichnet. Beachten Sie, dass diese Parameter nicht an fill() und stroke() übergeben werden, sondern Teile eines allgemeinen Grafikzustands des Canvas sind. Wenn Sie eine Methode definieren, die eine Figur zeichnet und diese Eigenschaften nicht selbst setzt, kann der Aufrufer Ihrer Methode die Farbe der Figur setzen, indem er vor dem Aufruf der Methode die Eigenschaften strokeStyle und fillStyle setzt. Diese Trennung von Grafikzustand und Zeichenbefehlen ist grundlegend für die Canvas-API und mit der Trennung von Darstellung und Inhalt verwandt, die man durch die Anwendung von Cascading Style Sheets (CSS) auf HTML-Dokumente erreicht.