Difference between revisions of "SVG"
From Dietrich Blog (Strato)
(→SVG die ersten Schritte) |
|||
| Line 34: | Line 34: | ||
** X-Achse waagerecht vom linken Bildrand nach rechts | ** X-Achse waagerecht vom linken Bildrand nach rechts | ||
** Y-Achse senkrecht vom oberen Bildrand nach unten | ** Y-Achse senkrecht vom oberen Bildrand nach unten | ||
| + | * Elemente | ||
| + | ** Rechteck | ||
| + | ** Text, auch Fließtexte | ||
| + | ** Bezierkurven | ||
| + | ** Kreis, Ellipse, Bogen | ||
| + | ** Pfad | ||
| + | ** Pfeilspitzen ???????? | ||
| + | |||
| + | Beispiel für einen Pfad: | ||
| + | |||
| + | |||
| + | Beispiel für Bogenstücke: | ||
Revision as of 23:17, 29 June 2007
Contents
SVG Scalable Vector Graphics
- SVG ist ein auf XML beruhender W3C-Standard für VektorGrafik.
- SVG wird/wurde sehr stark von der Firma Adobe unterstützt.
- SVG hat als offenes; d.h.nicht-proprietäres Format große Unterstützung von der OpenSourceSoftware
- SVG wird von MediaWiki unterstützt
- WebBrowser unterstützen SVG auch...?
- Konkurriered zu SVG ist: Flash von Macromedia
SVG Hello World Beispiel
So sieht der SVG-Inhalt aus:
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="260" height="60"> <rect x="10" y="10" fill="blue" width="240" height="40"/> <text x="40" y="40" style="fill:gold; font-size:20pt"> Hello World! </text> </svg>
Und so sieht die SVG-Grafik aus:
SVG Tools
- Sodipodi
- Inkscape
- Adobe Illustrator (kommerziell)
- Corel Draw (kommerziell)
- OpenOffice Draw
- Batik
- Siehe auch: XMLEditing
SVG die ersten Schritte
- Koordinatensystem
- X-Achse waagerecht vom linken Bildrand nach rechts
- Y-Achse senkrecht vom oberen Bildrand nach unten
- Elemente
- Rechteck
- Text, auch Fließtexte
- Bezierkurven
- Kreis, Ellipse, Bogen
- Pfad
- Pfeilspitzen ????????
Beispiel für einen Pfad:
Beispiel für Bogenstücke:
