Entfernte Lichtquellen definieren
(Auszug aus "Das Einsteigerseminar SVG — Webgrafiken mit XML" von Helma Spona)
Das Element <feDistantLight> dient dazu, entfernte Lichtquellen zu definieren. Es verfügt über folgende Attribute:
- azimuth legt den Winkel der Lichtquelle im XY-Koordinatensystem fest. Wenn Sie das Attribut nicht angeben, wird der Wert 0 verwendet.
- elevation bestimmt den Winkel der Lichtquelle im YZ-Koordinatensystem. z stellt dabei die Achse dar, die die Höhe der Lichtquelle bestimmt.
Eine solche Lichtquelle hellt das SVG-Objekt, auf das der Filter angewendet wird, einfach nur gleichmäßig auf, wenn es sich um ein Rechteck handelt. Bei unregelmäßigen Objekten erhalten Sie aber einen Licht- und Schatteneffekt. Wie hell es wird, richtet sich nach den Einstellungen der beiden Attribute und nach den Einstellungen des übergeordneten Tags.
<filter id="FLicht01">
<feDiffuseLighting in="SourceGraphic" diffuseConstant="1" surfaceScale="10" style="lighting-color:white">
<feDistantLight azimuth="0" elevation="30" />
</feDiffuseLighting>
</filter>
Hinweis:
Das Beispiel verwendet den Tag <feDiffuseLighting> als Lichteffekt. Dieser Tag erfordert einige Attribute, damit der Effekt sichtbar ist. Eine Erläuterung der Bedeutungen und Aufgaben der einzelnen Attribute folgt in Kürze.
Wenn Sie den obigen Filter mit
<circle cx="50" cy="50" r="20" style="fill:red;filter:url(#FLicht01)" />auf einen einfachen rot (in der Abbildung grau) gefüllten Kreis anwenden, erhalten Sie folgende Ausgabe.
Abbildung: Auswirkungen des feDistantLight-Filters.
| << zurück | vor >> |
| Tipp der data2type-Redaktion: Zum Thema SVG bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © verlag moderne industrie GmbH 2001
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "Das Einsteigerseminar SVG — Webgrafiken mit XML" denselben Bestimmungen wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
verlag moderne industrie GmbH, Justus-von-Liebig-Straße 1, D-86899 Landsberg/Lech, fon ++49 (0) 81 91 / 125 – 0, leserservice(at)mi-verlag.de