Vier Grafikattribut eigenschaften des CanvasRenderingContext2D-Objekts steuern das Zeichnen von Schlagschatten. Wenn Sie diese Eigenschaften passend setzen, erhält jede Linie, jede Fläche, jeder Text und jedes Bild einen Schlagschatten, der es so aussehen lässt, als würde das Element über der Canvas-Oberfläche schweben. Abbildung 1.11 zeigt einen Schatten unter einem gefüllten Rechteck, einem nicht gefüllten Rechteck und einem gefüllten Text.

Die Eigenschaft shadowColor gibt die Farbe des Schattens an. Der Standard ist vollständig transparentes Schwarz, und Schatten erscheinen nur, wenn Sie diese Eigenschaft auf eine durchscheinende oder blickdichte Farbe setzen. Diese Eigenschaft kann nur auf einen Farbstring gesetzt werden: Muster und Verläufe sind für Schatten nicht gestattet. Durchscheinende Schatten bewirken die realistischsten Schatteneffekte, weil sie den Hintergrund durchscheinen lassen.