Der circle-Tag
(Auszug aus "Das Einsteigerseminar SVG — Webgrafiken mit XML" von Helma Spona)
Mit dem <circle>-Tag können Sie Kreise erzeugen. Der Tag verfügt lediglich über drei spezielle Attribute zusätzlich zu den Universalattributen id und style. Dies sind cx, cy und r.
Hinweis:
cx ist die Abkürzung für center x und cy für center y. Sie geben die Koordinaten des Kreismittelpunktes an. r ist entsprechend die Abkürzung für radius und bezeichnet den Radius des Kreises.
Mit dem Code <circle cx="100" cy="100" r="20"/> wird also ein Kreis erzeugt, dessen Mittelpunkt die Position x=100, y=100, einen Radius von 20 Pixel und somit einen Durchmesser von 40 Pixel hat. Das Ergebnis könnte dann wie folgt aussehen:
Abbildung: Der erzeugte Kreis im Browser.
| << 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