XML-Technologien / SVG / Einfache SVG-Grafiken erstellen / Lösungen

Lösungen zu Einfache SVG-Grafiken erstellen

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

Mit dem Tag <circle> können Sie lediglich Kreise erzeugen, deren vertikaler und horizontaler Radius ist nämlich immer gleich und wird durch das r-Attribut angegeben. Der <ellipse>-Tag ermöglicht aber die Angabe des vertikalen und horizontalen Radius und ermöglicht damit sowohl die Zeichnung von Kreisen, wie Ellipsen.
Erzeugen Sie mit Ihrem Editor einen leere Textdatei und speichern Sie diese mit der Dateinamenserweiterung .svg ab. Fügen Sie dann folgenden Code ein und speichern Sie die Änderungen erneut.

<?xml version="1.0" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN" "http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd">
<svg></svg>

Der Code für den Kreis lautet:

<circle cx="50" cy="50" r="10"/>

Um die Farbe zu definieren, fügen Sie dem Tag ein style-Attribut hinzu:

<circle cx="50" cy="50" r="10" style="fill:blue;stroke:red"/>

Der HTML-Code zur Anzeige der Datei sollte wie folgt lauten:

<HTML>
  <HEAD>
    <TITLE>Lösungen KAP02</TITLE>
  </HEAD>
  <BODY>
    <EMBED src="KAP02.svg" type="image/svg-xml" />
  </BODY>
</HTML>

Der Code muss lauten:

<text x="50" y="100" style="fill:green;font-size:12pt">inhalt</text>

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