Difference between revisions of "SVG"

From Dietrich Blog (Strato)
Jump to: navigation, search
Line 7: Line 7:
  
 
== SVG Beispiele ==
 
== SVG Beispiele ==
 +
So sieht der SVG-Inhalt aus:
 
<pre>
 
<pre>
<?xml version="1.0" standalone="no"?>
+
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 
<svg width="260" height="60">
 
<svg width="260" height="60">
    <rect x="5" y="5" style="fill:red; stroke-width:3; stroke:black;" width="250" height="50"/>
+
<rect x="10" y="10" fill="blue" width="240" height="40"/>
<rect x="10" y="10" style="fill:blue;" width="240" height="40"/>
 
 
<text x="40" y="40" style="fill:gold; font-size:20pt">
 
<text x="40" y="40" style="fill:gold; font-size:20pt">
 
Hello World!
 
Hello World!
 
</text>
 
</text>
<circle style="fill:red;" cx="210" cy="30" r="10" />
 
 
</svg>
 
</svg>
 
</pre>
 
</pre>
 +
Und so sieht die SVG-Grafik aus:<br />
 +
[[Image:hello.svg]]

Revision as of 22:55, 29 June 2007

SVG Scalable Vector Grafics

  • 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
  • Konkurriered zu SVG ist: Flash von Macromedia

SVG Beispiele

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:
File:Hello.svg