Difference between revisions of "SVG"

From Dietrich Blog (Strato)
Jump to: navigation, search
Line 1: Line 1:
== SVG Scalable Vector Grafics ==
+
== SVG Scalable Vector Graphics ==
 
* SVG ist ein auf [[XML]] beruhender W3C-Standard für [[VektorGrafik]].
 
* SVG ist ein auf [[XML]] beruhender W3C-Standard für [[VektorGrafik]].
 
* SVG wird/wurde sehr stark von der Firma Adobe unterstützt.
 
* 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 hat als offenes; d.h.nicht-proprietäres Format große Unterstützung von der [[OpenSourceSoftware]]   
 
* SVG wird von [[MediaWiki]] unterstützt
 
* SVG wird von [[MediaWiki]] unterstützt
 +
* [[WebBrowser]] unterstützen SVG auch...?
 
* Konkurriered zu SVG ist: '''Flash''' von Macromedia
 
* Konkurriered zu SVG ist: '''Flash''' von Macromedia
  
== SVG Beispiele ==
+
== SVG Hello World Beispiel ==
 
So sieht der SVG-Inhalt aus:
 
So sieht der SVG-Inhalt aus:
 
<pre>
 
<pre>
Line 19: Line 20:
 
Und so sieht die SVG-Grafik aus:<br />
 
Und so sieht die SVG-Grafik aus:<br />
 
[[Image:Helloworld.svg]]
 
[[Image:Helloworld.svg]]
 +
 +
== SVG die ersten Schritte ==

Revision as of 23:00, 29 June 2007

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:
Helloworld.svg

SVG die ersten Schritte