Der line-Tag

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

Mit dem Tag <line> können Sie eine Linie zeichnen. Allerdings ist dies nur eine Möglichkeit dafür. Es gibt verschiedene Tags und Verfahren, die dies ermöglichen. Neben den Universalattributen id und style unterstützt dieser Tag die Attribute x1, y1, x2 und y2.

Die Attribute x1 und y1 geben zusammen die Anfangsposition der Linie an und x2 und y2 die Endposition. Zwischen diesen beiden Punkten wird die Linie erzeugt. Die folgende Abbildung zeigt zwei Linien, die im rechten Winkel zueinander verlaufen. Die erste verbindet die Punkte 0/0 und 100/100. Die zweite Linie verläuft genau entgegengesetzt und verbindet die Punkte 100/0 und 0/100. Damit entsteht das abgebildete Kreuz.

Zwei überkreuzende Linie mit dem line-Tag erzeugt

Abbildung: Zwei überkreuzende Linie mit dem line-Tag erzeugt.

Hinweis:
Nachfolgend werden Koordinaten immer in der Form x/y dargestellt. Mit 0/0 ist also der Nullpunkt des Koordinatensystems gemeint und 0/100 würde eine Position von 100 Pixel von oben am linken Rand darstellen.

<?xml version="1.0" standalone="no"?>
...
<svg width="300" height="300">
  <line x1="0" y1="0" x2="100" y2="100" />
  <line x1="100" y1="0" x2="0" y2="100" />
</svg>

   

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