Dokumentation (canvas.quaese.de)
 

<canvas> - Schatten

Das HTMLCanvasElement bietet auch die Möglichkeit, Formen und Bilder mit Schatten zu versehen. Dieses Kapitel beschäftigt sich damit wie das Aussehen eines Schattens in Position, Farbe und Unschärfe individuell angepasst werden kann.

Da die Unterstützung von Schatten nur optional ist und der Großteil der aktuellen Browser dieses Feature nicht unterstützt, werden die Eigenschaften nur kurz erklärt.

Schatten erstellen

Die Werte der Schattenattribute werden dem Kontext zugeordnet. Wird eine Form oder ein Bild gezeichnet (zum Beispiel mit Hilfe der Methode fill), wird der Schatten hinzugefügt.

Schematische Darstellung

Die folgende Abbildung zeigt, wo die Eigenschaften eines Schattens zu finden sind.

Schatten

Attribute und Methoden

  • shadowOffsetX - (Attribut) horizontaler Abstand des Schattens
  • shadowOffsetY - (Attribut) vertikaler Abstand des Schattens
  • shadowBlur - (Attribut) Unschärfe des Schattens
  • shadowColor - (Attribut) Schattenfarbe
 
Dokument zuletzt modifiziert: 05.02.2008, 14:28 Uhr
<canvas>-Dokumentation Ver. 0.1 | Quaese, Jan 2008 | Datenschutz | Sitemap