blob: 36a5c92cfe0112c89f78cafc7e449f36c458f7bd (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
---
title: SVG
slug: Glossary/SVG
translation_of: Glossary/SVG
---
<p><em>Scalable Vector Graphics</em> (<strong>SVG</strong>, englisch für <em>Skalierbare Vektorgrafiken</em>) ist ein 2D-Vektorgrafik-Format mit einer {{Glossary("XML")}}-Syntax.</p>
<p>Das {{Glossary("W3C")}} begann die Arbeit an SVG in den späten 90er Jahren. Beliebt wurde SVG jedoch erst mit der Veröffentlichung des {{Glossary("Microsoft Internet Explorer", "Internet Explorer")}} 9, der SVG unterstützte. Inzwischen unterstützen alle wichtigen {{Glossary("browser","Browser")}} SVG.</p>
<p>Basierend auf einer {{Glossary("XML")}}-Syntax kann SVG mit {{Glossary("CSS")}} gestylt und durch {{Glossary("JavaScript")}} interaktiv gemacht werden. HTML5 erlaubt eine direkte Einbindung von SVG {{Glossary("Tag","tags")}} in ein {{Glossary("HTML")}}-Dokument.</p>
<p>Als {{Interwiki("wikipedia", "Vektorgrafik-Format")}} lassen sich SVG-Grafiken unbegrenzt skalieren, was sie im {{Glossary("responsive design", "Responsive-Design")}} unbezahlbar macht, da sich UI-Elemente und Grafiken erstellen lassen, die sich an jede Bildschirmgröße anpassen. SVG bietet zudem eine Menge nützlicher Werkzeuge wie Abschneiden, Maskieren, Filter und Animationen.</p>
<h2 id="Mehr_erfahren">Mehr erfahren</h2>
<h3 id="Allgemeinwissen">Allgemeinwissen</h3>
<ul>
<li>{{Interwiki("wikipedia", "SVG")}} auf Wikipedia</li>
</ul>
<h3 id="SVG_lernen">SVG lernen</h3>
<ul>
<li><a href="https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html">W3.org's SVG Primer</a></li>
</ul>
<h3 id="Technische_Informationen">Technische Informationen</h3>
<ul>
<li><a href="/de/docs/Web/SVG">SVG-Dokumentation auf MDN</a></li>
<li><a href="https://www.w3.org/TR/SVG/" rel="external">Aktuelle SVG-Spezifikation</a></li>
</ul>
|
