XML-Technologien / SVG / Filter, Transformationen und Farbverläufe / Filter und Lichteffekte effektiv einsetzen und kombinieren / Lichteffekte / Entfernte Lichtquellen definieren

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.

Auswirkungen des feDistantLight-Filters

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:

XSLT

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