SVG, Scalable Vector Graphics @ Ein kleines! Lexikon des Internet

ist eine vom W3C verabschiedete Empfehlung (engl.: recommendation) über ein XML-basierte Sprache für 2-dimensionale Vektorgrafiken.
Anders als bei bit-Formaten, z. B. GIF, JPG oder PNG, die für jeden Pixel (Bildpunkt) die Informationen der Farbe enthalten, enthält eine Vectorgrafik nur die Beschreibung der Inhalte. Linien werden z. B. durch einen Startpunkt, ihre Richtung und Länge sowie ihrer Farbe beschrieben. Dadurch ist u. a. die Änderung der Gesamtgröße leichter auf die einzelnen Objekte umrechenbar, so dass kein Qualitätsverlust zu bemerken ist. Die modernen Browser unterstützen SVG direkt und benötigen kein Plug-In zum Anzeigen.

Neben der kompletten Version 1.2 (Full) entstehen weitere Spezi­fi­ka­tionen. Fertig ist SVG 1.2 Tiny (tiny, dt.: winzig), die eine Teil­menge bereit­stellt, um ins­be­son­dere Smart­phones und anderen trag­bare Geräte zu unter­stützen, aber auch andere Rechner. Dazu werden SVG Print (dt.: Druck), bestehend aus den Teilen Primer (dt.: Ein­füh­rung) und Language (dt.: Sprache), und SVG Filters 1.2, bestehend aus Primer, Language und Require­ments (dt.: Vor­aus­set­zungen), entwickelt.

Beispiel

<svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<svg width="250" height="100" xmlns="http://www.w3.org/2000/svg">
<text x="30" y="66" style="font-family:Verdana, Arial; stroke:dimgray; fill:darkred;font-size:30pt">SVG</text>
<path id="bezier" d="M30 20 Q220 35 130 66 Q200 40 30 20" style="stroke:rgb(0,0,0); stroke-width:1; fill:darkred;" />
<text style="font-family:Verdana, Arial; font-size:9pt; font-weight: bold; fill:darkgray; baseline-shift:5pt;">
<textPath xlink:href="#bezier" >Scalable Vector Graphics</textPath>
</text>
</svg>
</svg:svg>

Kleine! Tools

CSS- und SVG-Farbnamen

W3C - Technical Reports

{Scalable Vector Graphics (SVG) Tiny 1.2 Specification
 - http://www.w3.org/TR/SVGTiny12/} (Rec)
{Scalable Vector Graphics (SVG) 1.1 Specification
 - http://www.w3.org/TR/SVG11/} (Rec)
{SVG Filters 1.2, Part 1: Primer
 - http://www.w3.org/TR/SVGFilterPrimer12/} WD
{SVG Filters 1.2, Part 2: Language
 - http://www.w3.org/TR/SVGFilter12/} WD
{SVG Filter Requirements
 - http://www.w3.org/TR/SVGFilterReqs12/} WD
{SVG Print 1.2, Part 1: Primer
 - http://www.w3.org/TR/SVGPrintPrimer12/} WD
{SVG Print 1.2, Part 2: Language
 - http://www.w3.org/TR/SVGPrint12/} WD
{Scalable Vector Graphics (SVG) Full 1.2 Specification
 - http://www.w3.org/TR/SVG12/} WD
{Accessibility Features of SVG
 - http://www.w3.org/TR/SVG-access}
@ W3C/WAI (Note)

Weiterführende Links

{Scalable Vector Graphics
 - http://www.w3.org/graphics/SVG/}
@ W3C
{SVG Zone
 - http://www.adobe.com/svg/}
@ Adobe