Was ist das Koordinatensystem?

(Auszug aus "Das Einsteigerseminar SVG — Webgrafiken mit XML" von Helma Spona)

Jedes Grafikformat muss über ein eindeutiges Koordinatensystem verfügen, das es ermöglicht, die Elemente exakt zu positionieren. In der Regel ist die linke obere Ecke der Grafik, der Nullpunkt dieses Koordinatensystems.

Der SVG-Standard definiert dies wie folgt:

"Die SVG-Zeichnungsfläche definiert den Platz, in dem die SVG-Inhalte gerendert werden. Die Zeichenfläche ist in jeder Richtung unendlich aber der Aufbau der Grafik, das Rendern, erfolgt relativ in einer begrenzten rechteckigen Fläche innerhalb der Zeichnungsfläche. Diese begrenzte Fläche wird als sichtbare Fläche bezeichnet.
Die Größe der sichtbaren Fläche wird bestimmt durch einen Vermittlungsprozess zwischen dem SVG-Dokument und seinem übergeordneten Dokument. Ist dieser Prozess beendet, liefert der SVG-Viewer bzw. Browser zwei ganzzahlige Werte, die die Breite und Höhe der sichtbaren Fläche in Pixel angeben. Außerdem liefert der User Agent einen dezimalen Wert, der die Größe eines Pixels in einer realen Größe wie Millimeter angibt" (Anmerkung: Übersetzung aus der englischen Originaldokumentation des W3C).

Hinweis:
In der Originaldokumentation finden Sie in diesem Zusammenhang die Begriffe canvas und viewport. Mit letzterem wird der sichtbare Bereich der Zeichnungsfläche bezeichnet. Der canvas ist die Zeichnungsfläche. Als User Agent wird die Software bezeichnet, die den SVG-Code auswertet und als Grafik darstellt. Zur Zeit ist dies bspw. der SVG-Viewer. Später könnte auch der Browser selbst oder ein anderes Plug-In der User Agent sein. Nachfolgend werden die englischen und deutschen Begriffe synonym verwendet. Das hilft Ihnen, wenn Sie doch mal die Originaldokumentation zu Rate ziehen müssen.

Diese Definition ist zwar korrekt, aber nicht ganz einfach zu verstehen. Daher sind dazu noch ein paar Erläuterungen notwendig. Im letzten Kapitel haben Sie erfahren, wie Sie eine SVG-Grafik in ein HTML-Dokument integrieren. Dabei können Sie über die Attribute height und width des verwendeten HTML-Tags die Größe bestimmen. Das heißt, Sie haben die Möglichkeit eine Grafik, die an sich eine Größe von 500 x 300 Pixel hat, nur in einer Fläche von 50 x 30 Pixel anzeigen zu lassen. In diesem Fall definieren die Attribute width und height des HTML-Tags die sichtbare Fläche also den viewport. Die width und height-Attribute des <svg>-Tags innerhalb der SVG-Datei definieren hingegen die Größe der Zeichnungsfläche.

Was das Koordinatensystem ist, wurde allerdings immer noch nicht ganz beantwortet. Das ist aber auch gar nicht so einfach, da SVG nicht nur ein Koordinatensystem bietet.

   

   

<< 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