Scalable Vector Graphics - Versionsgeschichte

Invisigoth67: form

2025-04-26T07:20:18Z

form

← Nächstältere Version		Version vom 26. April 2025, 09:20 Uhr
Zeile 27:		Zeile 27:
	'''Scalable Vector Graphics''' (kurz auch '''SVG''', {{enS}} für ''skalierbare Vektorgrafik'') ist die vom [[World Wide Web Consortium]] (W3C) empfohlene [[Spezifikation]] zur Beschreibung zweidimensionaler [[Vektorgrafik]]en. SVG, das auf [[Extensible Markup Language\|XML]] basiert, wurde erstmals im September 2001 veröffentlicht. Praktisch alle relevanten [[Webbrowser]] können einen Großteil des Sprachumfangs darstellen.<ref>{{Internetquelle \|url=https://caniuse.com/ \|titel=Can I use... Support tables for HTML5, CSS3, etc \|abruf=2021-02-27}}</ref>		'''Scalable Vector Graphics''' (kurz auch '''SVG''', {{enS}} für ''skalierbare Vektorgrafik'') ist die vom [[World Wide Web Consortium]] (W3C) empfohlene [[Spezifikation]] zur Beschreibung zweidimensionaler [[Vektorgrafik]]en. SVG, das auf [[Extensible Markup Language\|XML]] basiert, wurde erstmals im September 2001 veröffentlicht. Praktisch alle relevanten [[Webbrowser]] können einen Großteil des Sprachumfangs darstellen.<ref>{{Internetquelle \|url=https://caniuse.com/ \|titel=Can I use... Support tables for HTML5, CSS3, etc \|abruf=2021-02-27}}</ref>

	Wesentlicher Vorteil des ''vektor''-basierten SVG-Formates gegenüber anderen [[Grafikformat]]en wie [[JPEG\|JPG]], [[Portable Network Graphics\|PNG]] oder [[Tagged Image File Format\|TIFF]] ist – insbesondere im [[Responsive Webdesign\|Responsiven Webdesign]] – die [[Skalierbarkeit]] ohne Qualitätsverlust,<ref>{{Internetquelle \|autor=Daniel Geiser \|url=https://www.new-time.ch/die-vor-und-nachteile-des-svg-formats-im-responsiven-webdesign/ \|titel=Die Vor- und Nachteile des SVG-Formats im responsiven Webdesign \|hrsg=new time design Scherrer & Grasso \|datum=2015-09-30 \|abruf=2019-01-12}}</ref> gegenüber der prinzipbedingt verlustbehafteten Skalierbarkeit von ''pixel''-basierten [[Rastergrafik\|''Raster''-~~Grafik~~]]en.		Wesentlicher Vorteil des ''vektor''-basierten SVG-Formates gegenüber anderen [[Grafikformat]]en wie [[JPEG\|JPG]], [[Portable Network Graphics\|PNG]] oder [[Tagged Image File Format\|TIFF]] ist – insbesondere im [[Responsive Webdesign\|Responsiven Webdesign]] – die [[Skalierbarkeit]] ohne Qualitätsverlust,<ref>{{Internetquelle \|autor=Daniel Geiser \|url=https://www.new-time.ch/die-vor-und-nachteile-des-svg-formats-im-responsiven-webdesign/ \|titel=Die Vor- und Nachteile des SVG-Formats im responsiven Webdesign \|hrsg=new time design Scherrer & Grasso \|datum=2015-09-30 \|abruf=2019-01-12}}</ref> gegenüber der prinzipbedingt verlustbehafteten Skalierbarkeit von ''pixel''-basierten [[Rastergrafik\|''Raster''-Grafiken]].

	[[Animation]]en werden von SVG mittels [[Synchronized Multimedia Integration Language\|SMIL]] unterstützt. Manipulationen des SVG-[[Document Object Model\|DOM]] sind mit Hilfe eingebetteter Funktionen via [[Skriptsprache]]n möglich. Da SVG ein XML-basiertes Dateiformat ist, sind Inhalte von SVG-Dateien für [[computerunterstützte Übersetzung]] und andere Weiterverarbeitungen leicht zugänglich. Sie können direkt mit einem [[Texteditor]] erstellt werden oder sind die Ausgabe von Programmen mit andersartigem Input, siehe etwa [[Gnuplot]]. SVG-Editoren erlauben eine bequeme Bearbeitung in der graphischen Ansicht.		[[Animation]]en werden von SVG mittels [[Synchronized Multimedia Integration Language\|SMIL]] unterstützt. Manipulationen des SVG-[[Document Object Model\|DOM]] sind mit Hilfe eingebetteter Funktionen via [[Skriptsprache]]n möglich. Da SVG ein XML-basiertes Dateiformat ist, sind Inhalte von SVG-Dateien für [[computerunterstützte Übersetzung]] und andere Weiterverarbeitungen leicht zugänglich. Sie können direkt mit einem [[Texteditor]] erstellt werden oder sind die Ausgabe von Programmen mit andersartigem Input, siehe etwa [[Gnuplot]]. SVG-Editoren erlauben eine bequeme Bearbeitung in der graphischen Ansicht.
Zeile 58:		Zeile 58:

	Derzeit aktuelle Spezifikationen sind also die Version SVG Tiny 1.2 und die zweite Bearbeitung von SVG 1.1. Seit 2011 wird an SVG 2 gearbeitet, das zahlreiche Änderungen und Erweiterungen enthalten sollte.<ref>{{Internetquelle \|url=http://www.w3.org/Graphics/SVG/WG/wiki/index.php?title=SVG2_Planning_Page&oldid=6876 \|titel=SVG2 Planning Page \|abruf=2015-01-30}}</ref><ref>{{Internetquelle \|url=http://www.w3.org/Graphics/SVG/WG/wiki/SVG2_Requirements_Commitments \|titel=SVG2 Requirements Commitments \|abruf=2015-07-08}}</ref>		Derzeit aktuelle Spezifikationen sind also die Version SVG Tiny 1.2 und die zweite Bearbeitung von SVG 1.1. Seit 2011 wird an SVG 2 gearbeitet, das zahlreiche Änderungen und Erweiterungen enthalten sollte.<ref>{{Internetquelle \|url=http://www.w3.org/Graphics/SVG/WG/wiki/index.php?title=SVG2_Planning_Page&oldid=6876 \|titel=SVG2 Planning Page \|abruf=2015-01-30}}</ref><ref>{{Internetquelle \|url=http://www.w3.org/Graphics/SVG/WG/wiki/SVG2_Requirements_Commitments \|titel=SVG2 Requirements Commitments \|abruf=2015-07-08}}</ref>
	Seit 15. September 2016 existiert eine ''Candidate Recommendation''. Zum 7. August und 4. Oktober 2018 sind weitere ''Candidate ~~Recommendation~~''s erschienen.<ref>{{Internetquelle \|url=http://www.w3.org/TR/SVG2/ \|titel=Scalable Vector Graphics (SVG) 2 \|abruf=2024-05-24}}</ref> Inzwischen wurden zahlreiche geplante Neuerungen und Erfordernisse für die Version 2 wieder gestrichen.		Seit 15. September 2016 existiert eine ''Candidate Recommendation''. Zum 7. August und 4. Oktober 2018 sind weitere ''Candidate Recommendations'' erschienen.<ref>{{Internetquelle \|url=http://www.w3.org/TR/SVG2/ \|titel=Scalable Vector Graphics (SVG) 2 \|abruf=2024-05-24}}</ref> Inzwischen wurden zahlreiche geplante Neuerungen und Erfordernisse für die Version 2 wieder gestrichen.

	== Dokument ==		== Dokument ==

Knowledge2need: form mit AWB

2025-03-11T18:20:48Z

form mit AWB

2001:9E8:9D:7900:B04C:F3DC:CF51:E878: /* Rechteck */

2025-02-23T17:25:24Z

Rechteck

← Nächstältere Version		Version vom 23. Februar 2025, 19:25 Uhr
Zeile 184:		Zeile 184:

	===== Rechteck =====		===== Rechteck =====
	Das Element <code><rect /></code> definiert ein [[Rechteck]] über die Position seiner oberen linken Ecke (x, y) seiner Breite (width) und seiner Höhe (height). Optional können die Ecken des Rechteckes durch Angabe von Radien (rx, ry) abgerundet werden.		Das Element <code><rect /></code> definiert ein [[Rechteck]] über die Position seiner oberen linken Ecke (x, y), seiner Breite (width) und seiner Höhe (height). Optional können die Ecken des Rechteckes durch Angabe von Radien (rx, ry) abgerundet werden.
	<syntaxhighlight lang="xml">		<syntaxhighlight lang="xml">
	<rect x="25" y="25" width="400" height="200" rx="10" ry="10" />		<rect x="25" y="25" width="400" height="200" rx="10" ry="10" />

MfS Beni: /* growthexperiments-addlink-summary-summary:2|0|0 */

2025-01-21T14:09:08Z

Linkvorschlag-Funktion: 2 Links hinzugefügt.

← Nächstältere Version		Version vom 21. Januar 2025, 16:09 Uhr
Zeile 165:		Zeile 165:
	<references group="Anm" />		<references group="Anm" />

	Die weiteren Grafikelemente existieren, um einerseits eine bessere Nutzbarkeit zu gewährleisten, andererseits aber auch, um die inhaltliche Bedeutung klarer herauszustellen, weil der Notation eines entsprechenden Pfades im Quelltext oft nicht auf den ersten Blick anzusehen ist, ob es sich um einen einfachen Kreis, eine Ellipse, ein Rechteck mit abgerundeten Ecken handelt. Ferner erleichtert es auch die Animation dieser speziellen Formen. Sie können ebenso wie das Pfad-Element als Umriss gezeichnet, gefüllt und zum Clipping benutzt werden (mit Ausnahme des <code><image /></code>-Elements). Eine weitere Ausnahme ergibt sich daraus, dass die Tiny-Profile keine Ellipsenbögen erlauben, somit können Kreise, Ellipsen und auch Rechtecke mit elliptisch abgerundeten Ecken in diesem Profil nicht exakt mit dem Element <code><path /></code> konstruiert werden, mit den dafür vorgesehenen Spezialelementen schon.		Die weiteren Grafikelemente existieren, um einerseits eine bessere Nutzbarkeit zu gewährleisten, andererseits aber auch, um die inhaltliche Bedeutung klarer herauszustellen, weil der Notation eines entsprechenden Pfades im [[Quelltext]] oft nicht auf den ersten Blick anzusehen ist, ob es sich um einen einfachen Kreis, eine Ellipse, ein Rechteck mit abgerundeten Ecken handelt. Ferner erleichtert es auch die Animation dieser speziellen Formen. Sie können ebenso wie das Pfad-Element als Umriss gezeichnet, gefüllt und zum Clipping benutzt werden (mit Ausnahme des <code><image /></code>-Elements). Eine weitere Ausnahme ergibt sich daraus, dass die Tiny-Profile keine Ellipsenbögen erlauben, somit können Kreise, Ellipsen und auch Rechtecke mit elliptisch abgerundeten Ecken in diesem Profil nicht exakt mit dem Element <code><path /></code> konstruiert werden, mit den dafür vorgesehenen Spezialelementen schon.
	<syntaxhighlight lang="xml">		<syntaxhighlight lang="xml">
	<path d="M 174.5,126.0 L 175.0,127.5 173.5,128.0 174.5,126.0 Z M 100,100 C 100,200 200,100 200,200 Q 50,150,100,100 L 200,100 z" />		<path d="M 174.5,126.0 L 175.0,127.5 173.5,128.0 174.5,126.0 Z M 100,100 C 100,200 200,100 200,200 Q 50,150,100,100 L 200,100 z" />
Zeile 400:		Zeile 400:
	: (''baseProfile="basic"'', englisch „einfach, grundlegend“) ist für etwas leistungsfähigere [[Mobile internet device\|MIDs]] gedacht, definiert aber nicht den gesamten SVG-Standard.		: (''baseProfile="basic"'', englisch „einfach, grundlegend“) ist für etwas leistungsfähigere [[Mobile internet device\|MIDs]] gedacht, definiert aber nicht den gesamten SVG-Standard.
	; SVGF		; SVGF
	: (''baseProfile="full"'', [[Englische Sprache\|englisch]] „voll, vollständig“) ist für Computer als Ausgabegerät gedacht und umfasst SVG voll.		: (''baseProfile="full"'', [[Englische Sprache\|englisch]] „voll, vollständig“) ist für Computer als [[Ausgabegerät]] gedacht und umfasst SVG voll.

	Durch die Benutzung von Profilen wird auch leistungsschwachen Geräten ermöglicht, mit standardkonformen SVG-Dateien zu arbeiten. Autoren sollten sich also bemühen, dass die zentralen Inhalte mit dem eingeschränkten Funktionsumfang sinnvoll präsentiert werden, die verwendeten zusätzlichen Möglichkeiten des vollen Profils also nicht essentiell für das Verständnis des Inhalts sind.		Durch die Benutzung von Profilen wird auch leistungsschwachen Geräten ermöglicht, mit standardkonformen SVG-Dateien zu arbeiten. Autoren sollten sich also bemühen, dass die zentralen Inhalte mit dem eingeschränkten Funktionsumfang sinnvoll präsentiert werden, die verwendeten zusätzlichen Möglichkeiten des vollen Profils also nicht essentiell für das Verständnis des Inhalts sind.

Steue: /* Animation */ (unsichtbare Anmerkung:) mit Umbruch (damit das Ende leichter erkennbar ist).

2024-11-22T16:12:39Z

Animation: (unsichtbare Anmerkung:) mit Umbruch (damit das Ende leichter erkennbar ist).

← Nächstältere Version		Version vom 22. November 2024, 18:12 Uhr
Zeile 341:		Zeile 341:
	SVG hat Elemente, mit denen Animation interaktiv und deklarativ bewerkstelligt werden kann, das heißt ohne Skripte rein durch Angaben in der XML-Auszeichnungsprache.		SVG hat Elemente, mit denen Animation interaktiv und deklarativ bewerkstelligt werden kann, das heißt ohne Skripte rein durch Angaben in der XML-Auszeichnungsprache.
	SVG übernimmt dabei von [[Synchronized Multimedia Integration Language\|SMIL]] Elemente und die Interpretation derselben in den eigenen Namensraum.		SVG übernimmt dabei von [[Synchronized Multimedia Integration Language\|SMIL]] Elemente und die Interpretation derselben in den eigenen Namensraum.
			<!--
	~~<!--~~ Siehe Diskussionsseite, das ist unter der Überschrift Animation nicht relevant: Da eine SVG-Datei intern eine [[Document Object Model\|DOM-Struktur]] aufweist, kann diese durch die vorhandenen Browser-Techniken, wie [[ECMAScript]] und [[Cascading Style Sheets\|CSS]] immer zur Laufzeit verändert und dadurch eine animierte Grafik generiert werden. Die Entwickler von [[Webkit]] haben auch einen Entwurf für [[CSS-Animation]]en entwickelt, der in den offiziellen CSS3-Standard beim [[World Wide Web Consortium\|W3C]] einfließen soll.<ref>{{Internetquelle \|url=http://webkit.org/blog/138/css-animation/ \|titel=CSS Animation \|datum=2007-10-31\|zugriff=2010-06-22 \|hrsg=Surfin’ Safari}}</ref><ref>{{Internetquelle\|url=http://webkit.org/blog/324/css-animation-2/ \|titel=CSS Animation \|datum=2009-02-05 \|zugriff=2010-06-22 \|hrsg=Surfin’ Safari}}</ref~~> --~~>		Siehe Diskussionsseite, das ist unter der Überschrift Animation nicht relevant: Da eine SVG-Datei intern eine [[Document Object Model\|DOM-Struktur]] aufweist, kann diese durch die vorhandenen Browser-Techniken, wie [[ECMAScript]] und [[Cascading Style Sheets\|CSS]] immer zur Laufzeit verändert und dadurch eine animierte Grafik generiert werden. Die Entwickler von [[Webkit]] haben auch einen Entwurf für [[CSS-Animation]]en entwickelt, der in den offiziellen CSS3-Standard beim [[World Wide Web Consortium\|W3C]] einfließen soll.<ref>{{Internetquelle \|url=http://webkit.org/blog/138/css-animation/ \|titel=CSS Animation \|datum=2007-10-31\|zugriff=2010-06-22 \|hrsg=Surfin’ Safari}}</ref><ref>{{Internetquelle\|url=http://webkit.org/blog/324/css-animation-2/ \|titel=CSS Animation \|datum=2009-02-05 \|zugriff=2010-06-22 \|hrsg=Surfin’ Safari}}</ref>
			-->

	[[Datei:Soccer ball animated.svg\|mini\|Beispiel eines animierten SVG-Dokumentes ([[Medium:Soccer ball animated.svg\|Hier klicken, um die Animation zu starten]]; funktioniert nicht in allen Browsern)]]		[[Datei:Soccer ball animated.svg\|mini\|Beispiel eines animierten SVG-Dokumentes ([[Medium:Soccer ball animated.svg\|Hier klicken, um die Animation zu starten]]; funktioniert nicht in allen Browsern)]]

Steue: /* Textalternativen, Barrierefreiheit und Zugänglichkeit */ ("sprach-invariante":) 1) mit BindeStrich. 2) "in" in SchrägSchrift.

2024-11-22T16:00:23Z

Textalternativen, Barrierefreiheit und Zugänglichkeit: ("sprach-invariante":) 1) mit BindeStrich. 2) "in" in SchrägSchrift.

← Nächstältere Version		Version vom 22. November 2024, 18:00 Uhr
Zeile 236:		Zeile 236:

	Das Konzept weist hinsichtlich Mehrsprachigkeit Schwächen auf, insbesondere was das Element <code><title /></code> des Wurzelelementes anbelangt, das nur mit einer Sprache notiert werden kann.		Das Konzept weist hinsichtlich Mehrsprachigkeit Schwächen auf, insbesondere was das Element <code><title /></code> des Wurzelelementes anbelangt, das nur mit einer Sprache notiert werden kann.
	Bei mehrsprachigen Werken kann es also sinnvoll sein, den Inhalt dieses Elementes nur als ~~sprachinvariante~~ Identifikation des Werkes zu betrachten und die eigentliche mehrsprachige Textalternative in den beiden anderen Elementen unterzubringen, die mehr Struktur aufweisen können.		Bei mehrsprachigen Werken kann es also sinnvoll sein, den Inhalt dieses Elementes nur als sprach-''in''variante Identifikation des Werkes zu betrachten und die eigentliche mehrsprachige Textalternative in den beiden anderen Elementen unterzubringen, die mehr Struktur aufweisen können.

	==== Präsentation und Stilvorlagen ====		==== Präsentation und Stilvorlagen ====

Steue: /* Einleitung */ "vektor", "pixel" und "Raster" in SchrägSchrift.

2024-11-22T15:27:06Z

Einleitung: "vektor", "pixel" und "Raster" in SchrägSchrift.

← Nächstältere Version		Version vom 22. November 2024, 17:27 Uhr
Zeile 27:		Zeile 27:
	'''Scalable Vector Graphics''' (kurz auch '''SVG''', {{enS}} für ''skalierbare Vektorgrafik'') ist die vom [[World Wide Web Consortium]] (W3C) empfohlene [[Spezifikation]] zur Beschreibung zweidimensionaler [[Vektorgrafik]]en. SVG, das auf [[Extensible Markup Language\|XML]] basiert, wurde erstmals im September 2001 veröffentlicht. Praktisch alle relevanten [[Webbrowser]] können einen Großteil des Sprachumfangs darstellen.<ref>{{Internetquelle \|url=https://caniuse.com/ \|titel=Can I use... Support tables for HTML5, CSS3, etc \|abruf=2021-02-27}}</ref>		'''Scalable Vector Graphics''' (kurz auch '''SVG''', {{enS}} für ''skalierbare Vektorgrafik'') ist die vom [[World Wide Web Consortium]] (W3C) empfohlene [[Spezifikation]] zur Beschreibung zweidimensionaler [[Vektorgrafik]]en. SVG, das auf [[Extensible Markup Language\|XML]] basiert, wurde erstmals im September 2001 veröffentlicht. Praktisch alle relevanten [[Webbrowser]] können einen Großteil des Sprachumfangs darstellen.<ref>{{Internetquelle \|url=https://caniuse.com/ \|titel=Can I use... Support tables for HTML5, CSS3, etc \|abruf=2021-02-27}}</ref>

	Wesentlicher Vorteil des ~~vektorbasierten~~ SVG-Formates gegenüber anderen [[Grafikformat]]en wie [[JPEG\|JPG]], [[Portable Network Graphics\|PNG]] oder [[Tagged Image File Format\|TIFF]] ist – insbesondere im [[Responsive Webdesign\|Responsiven Webdesign]] – die [[Skalierbarkeit]] ohne Qualitätsverlust,<ref>{{Internetquelle \|autor=Daniel Geiser \|url=https://www.new-time.ch/die-vor-und-nachteile-des-svg-formats-im-responsiven-webdesign/ \|titel=Die Vor- und Nachteile des SVG-Formats im responsiven Webdesign \|hrsg=new time design Scherrer & Grasso \|datum=2015-09-30 \|abruf=2019-01-12}}</ref> gegenüber der prinzipbedingt verlustbehafteten Skalierbarkeit von pixel-basierten [[Rastergrafik]]en.		Wesentlicher Vorteil des ''vektor''-basierten SVG-Formates gegenüber anderen [[Grafikformat]]en wie [[JPEG\|JPG]], [[Portable Network Graphics\|PNG]] oder [[Tagged Image File Format\|TIFF]] ist – insbesondere im [[Responsive Webdesign\|Responsiven Webdesign]] – die [[Skalierbarkeit]] ohne Qualitätsverlust,<ref>{{Internetquelle \|autor=Daniel Geiser \|url=https://www.new-time.ch/die-vor-und-nachteile-des-svg-formats-im-responsiven-webdesign/ \|titel=Die Vor- und Nachteile des SVG-Formats im responsiven Webdesign \|hrsg=new time design Scherrer & Grasso \|datum=2015-09-30 \|abruf=2019-01-12}}</ref> gegenüber der prinzipbedingt verlustbehafteten Skalierbarkeit von ''pixel''-basierten [[Rastergrafik\|''Raster''-Grafik]]en.

	[[Animation]]en werden von SVG mittels [[Synchronized Multimedia Integration Language\|SMIL]] unterstützt. Manipulationen des SVG-[[Document Object Model\|DOM]] sind mit Hilfe eingebetteter Funktionen via [[Skriptsprache]]n möglich. Da SVG ein XML-basiertes Dateiformat ist, sind Inhalte von SVG-Dateien für [[computerunterstützte Übersetzung]] und andere Weiterverarbeitungen leicht zugänglich. Sie können direkt mit einem [[Texteditor]] erstellt werden oder sind die Ausgabe von Programmen mit andersartigem Input, siehe etwa [[Gnuplot]]. SVG-Editoren erlauben eine bequeme Bearbeitung in der graphischen Ansicht.		[[Animation]]en werden von SVG mittels [[Synchronized Multimedia Integration Language\|SMIL]] unterstützt. Manipulationen des SVG-[[Document Object Model\|DOM]] sind mit Hilfe eingebetteter Funktionen via [[Skriptsprache]]n möglich. Da SVG ein XML-basiertes Dateiformat ist, sind Inhalte von SVG-Dateien für [[computerunterstützte Übersetzung]] und andere Weiterverarbeitungen leicht zugänglich. Sie können direkt mit einem [[Texteditor]] erstellt werden oder sind die Ausgabe von Programmen mit andersartigem Input, siehe etwa [[Gnuplot]]. SVG-Editoren erlauben eine bequeme Bearbeitung in der graphischen Ansicht.

2A02:1210:1E2B:7000:340C:6068:3BBC:DDC1: /* SVG-Interpretation in Darstellungsprogrammen */

2024-11-09T20:31:33Z

SVG-Interpretation in Darstellungsprogrammen

← Nächstältere Version		Version vom 9. November 2024, 22:31 Uhr
Zeile 432:		Zeile 432:
	Beispielsweise waren für den Internet Explorer der oben erwähnte Unschärfefilter erst ab der Version 10 und Animationen überhaupt nicht verfügbar. Bei den meisten Programmen werden ferner auch SVG-Schriftarten komplett ignoriert.		Beispielsweise waren für den Internet Explorer der oben erwähnte Unschärfefilter erst ab der Version 10 und Animationen überhaupt nicht verfügbar. Bei den meisten Programmen werden ferner auch SVG-Schriftarten komplett ignoriert.

	Anhand der offiziellen SVG-Test-Suite erreichte Anfang 2011 [[Opera (Browser)\|Opera]] 11.01 mit 95,44 % der möglichen Punkte unter den verbreiteten Browsern den höchsten Unterstützungsgrad für SVG 1.1, der [[Internet Explorer]] 9.0 als inkompatibelster damals aktueller Browser nur 59,64 %.<ref>{{Internetquelle \|url=http://www.codedread.com/svg-support.php \|titel=SVG Test Suite results \|hrsg=codedread.com \|datum=2011-03-24 \|sprache=en \|abruf=2011-03-27}}</ref> Zu bedenken ist dabei, dass die Test-Suite zur SVG-Empfehlung nicht dazu dient, den Funktionsumfang von Darstellungsprogrammen zu testen, sondern umgekehrt, ob Merkmale der Empfehlung implementiert wurden und implementierbar sind. Die Tests sind also nicht unabhängig von den Autoren der Empfehlung entstanden und einige der Autoren der Tests sind gleichzeitig Mitarbeiter der Unternehmen, welche die Darstellungsprogramme entwickeln und anbieten. Es handelt sich also nicht um einen systematischen und unabhängigen Test der Fähigkeiten der Programme. Es ist also nicht ~~notwendig~~ ein guter Anhaltspunkt dafür, wie wahrscheinlich es ist, dass ein „normales“ SVG-Dokument korrekt präsentiert wird, weil „normale“ Dokumente meist viele Merkmale verwenden, Tests zu SVG-Spezifikationen aber beinahe nur die jeweils mit dem Dokument getesteten Merkmale. Die Gewichtung und Verwendung richtet sich dabei zudem eher nach der Komplexität der Merkmale und der Implementierung, nicht nach der typischen Verwendung in „normalen“ Dokumenten durch Autoren.		Anhand der offiziellen SVG-Test-Suite erreichte Anfang 2011 [[Opera (Browser)\|Opera]] 11.01 mit 95,44 % der möglichen Punkte unter den verbreiteten Browsern den höchsten Unterstützungsgrad für SVG 1.1, der [[Internet Explorer]] 9.0 als inkompatibelster damals aktueller Browser nur 59,64 %.<ref>{{Internetquelle \|url=http://www.codedread.com/svg-support.php \|titel=SVG Test Suite results \|hrsg=codedread.com \|datum=2011-03-24 \|sprache=en \|abruf=2011-03-27}}</ref> Zu bedenken ist dabei, dass die Test-Suite zur SVG-Empfehlung nicht dazu dient, den Funktionsumfang von Darstellungsprogrammen zu testen, sondern umgekehrt, ob Merkmale der Empfehlung implementiert wurden und implementierbar sind. Die Tests sind also nicht unabhängig von den Autoren der Empfehlung entstanden und einige der Autoren der Tests sind gleichzeitig Mitarbeiter der Unternehmen, welche die Darstellungsprogramme entwickeln und anbieten. Es handelt sich also nicht um einen systematischen und unabhängigen Test der Fähigkeiten der Programme. Es ist also nicht unbedingt ein guter Anhaltspunkt dafür, wie wahrscheinlich es ist, dass ein „normales“ SVG-Dokument korrekt präsentiert wird, weil „normale“ Dokumente meist viele Merkmale verwenden, Tests zu SVG-Spezifikationen aber beinahe nur die jeweils mit dem Dokument getesteten Merkmale. Die Gewichtung und Verwendung richtet sich dabei zudem eher nach der Komplexität der Merkmale und der Implementierung, nicht nach der typischen Verwendung in „normalen“ Dokumenten durch Autoren.

	Bei anderen Ansätzen wird eher die Frage gestellt, ob bestimmte Merkmale für Autoren wirklich praktisch nutzbar sind.<ref>{{Internetquelle \|url=http://caniuse.com/svg \|titel=Compatibility table for support of SVG in desktop and mobile browsers. \|abruf=2013-01-20}}</ref> Auch hier empfiehlt es sich ähnlich wie bei der offiziellen Test-Suite natürlich, die einzelnen Testbeispiele im Detail durchzugehen und zu schauen, in welcher Tiefe und in welcher Kombination mit anderen Merkmalen überhaupt getestet wurde und wie unabhängig die Autoren der Tests von denen der Empfehlung und den Anbietern der Darstellungsprogramme sind, um zu einer zuverlässigen Aussage hinsichtlich der Nutzbarkeit für Autoren und Betrachter zu kommen.		Bei anderen Ansätzen wird eher die Frage gestellt, ob bestimmte Merkmale für Autoren wirklich praktisch nutzbar sind.<ref>{{Internetquelle \|url=http://caniuse.com/svg \|titel=Compatibility table for support of SVG in desktop and mobile browsers. \|abruf=2013-01-20}}</ref> Auch hier empfiehlt es sich ähnlich wie bei der offiziellen Test-Suite natürlich, die einzelnen Testbeispiele im Detail durchzugehen und zu schauen, in welcher Tiefe und in welcher Kombination mit anderen Merkmalen überhaupt getestet wurde und wie unabhängig die Autoren der Tests von denen der Empfehlung und den Anbietern der Darstellungsprogramme sind, um zu einer zuverlässigen Aussage hinsichtlich der Nutzbarkeit für Autoren und Betrachter zu kommen.

2A01:599:91F:8BB9:455F:380F:150A:8DB: #article-full-source-editor

2024-07-14T13:10:00Z

#article-full-source-editor

← Nächstältere Version		Version vom 14. Juli 2024, 15:10 Uhr
Zeile 1:		Zeile 1:
	[[Datei:SVG logo.svg]]
	{{Weiterleitungshinweis\|SVG}}		{{Weiterleitungshinweis\|SVG}}
	{{Infobox Dateiformat		{{Infobox Dateiformat

2A01:599:91F:8BB9:455F:380F:150A:8DB: #article-full-source-editor

2024-07-14T13:08:30Z

#article-full-source-editor

← Nächstältere Version		Version vom 14. Juli 2024, 15:08 Uhr
Zeile 1:		Zeile 1:
	[[Datei:SVG logo.svg ~~\| \| rechts~~]]		[[Datei:SVG logo.svg]]
	{{Weiterleitungshinweis\|SVG}}		{{Weiterleitungshinweis\|SVG}}
	{{Infobox Dateiformat		{{Infobox Dateiformat

← Nächstältere Version		Version vom 26. April 2025, 09:20 Uhr
Zeile 27:		Zeile 27:
	'''Scalable Vector Graphics''' (kurz auch '''SVG''', {{enS}} für ''skalierbare Vektorgrafik'') ist die vom [[World Wide Web Consortium]] (W3C) empfohlene [[Spezifikation]] zur Beschreibung zweidimensionaler [[Vektorgrafik]]en. SVG, das auf [[Extensible Markup Language\|XML]] basiert, wurde erstmals im September 2001 veröffentlicht. Praktisch alle relevanten [[Webbrowser]] können einen Großteil des Sprachumfangs darstellen.<ref>{{Internetquelle \|url=https://caniuse.com/ \|titel=Can I use... Support tables for HTML5, CSS3, etc \|abruf=2021-02-27}}</ref>		'''Scalable Vector Graphics''' (kurz auch '''SVG''', {{enS}} für ''skalierbare Vektorgrafik'') ist die vom [[World Wide Web Consortium]] (W3C) empfohlene [[Spezifikation]] zur Beschreibung zweidimensionaler [[Vektorgrafik]]en. SVG, das auf [[Extensible Markup Language\|XML]] basiert, wurde erstmals im September 2001 veröffentlicht. Praktisch alle relevanten [[Webbrowser]] können einen Großteil des Sprachumfangs darstellen.<ref>{{Internetquelle \|url=https://caniuse.com/ \|titel=Can I use... Support tables for HTML5, CSS3, etc \|abruf=2021-02-27}}</ref>

	Wesentlicher Vorteil des ''vektor''-basierten SVG-Formates gegenüber anderen [[Grafikformat]]en wie [[JPEG\|JPG]], [[Portable Network Graphics\|PNG]] oder [[Tagged Image File Format\|TIFF]] ist – insbesondere im [[Responsive Webdesign\|Responsiven Webdesign]] – die [[Skalierbarkeit]] ohne Qualitätsverlust,<ref>{{Internetquelle \|autor=Daniel Geiser \|url=https://www.new-time.ch/die-vor-und-nachteile-des-svg-formats-im-responsiven-webdesign/ \|titel=Die Vor- und Nachteile des SVG-Formats im responsiven Webdesign \|hrsg=new time design Scherrer & Grasso \|datum=2015-09-30 \|abruf=2019-01-12}}</ref> gegenüber der prinzipbedingt verlustbehafteten Skalierbarkeit von ''pixel''-basierten [[Rastergrafik\|''Raster''-~~Grafik~~]]en.		Wesentlicher Vorteil des ''vektor''-basierten SVG-Formates gegenüber anderen [[Grafikformat]]en wie [[JPEG\|JPG]], [[Portable Network Graphics\|PNG]] oder [[Tagged Image File Format\|TIFF]] ist – insbesondere im [[Responsive Webdesign\|Responsiven Webdesign]] – die [[Skalierbarkeit]] ohne Qualitätsverlust,<ref>{{Internetquelle \|autor=Daniel Geiser \|url=https://www.new-time.ch/die-vor-und-nachteile-des-svg-formats-im-responsiven-webdesign/ \|titel=Die Vor- und Nachteile des SVG-Formats im responsiven Webdesign \|hrsg=new time design Scherrer & Grasso \|datum=2015-09-30 \|abruf=2019-01-12}}</ref> gegenüber der prinzipbedingt verlustbehafteten Skalierbarkeit von ''pixel''-basierten [[Rastergrafik\|''Raster''-Grafiken]].

	[[Animation]]en werden von SVG mittels [[Synchronized Multimedia Integration Language\|SMIL]] unterstützt. Manipulationen des SVG-[[Document Object Model\|DOM]] sind mit Hilfe eingebetteter Funktionen via [[Skriptsprache]]n möglich. Da SVG ein XML-basiertes Dateiformat ist, sind Inhalte von SVG-Dateien für [[computerunterstützte Übersetzung]] und andere Weiterverarbeitungen leicht zugänglich. Sie können direkt mit einem [[Texteditor]] erstellt werden oder sind die Ausgabe von Programmen mit andersartigem Input, siehe etwa [[Gnuplot]]. SVG-Editoren erlauben eine bequeme Bearbeitung in der graphischen Ansicht.		[[Animation]]en werden von SVG mittels [[Synchronized Multimedia Integration Language\|SMIL]] unterstützt. Manipulationen des SVG-[[Document Object Model\|DOM]] sind mit Hilfe eingebetteter Funktionen via [[Skriptsprache]]n möglich. Da SVG ein XML-basiertes Dateiformat ist, sind Inhalte von SVG-Dateien für [[computerunterstützte Übersetzung]] und andere Weiterverarbeitungen leicht zugänglich. Sie können direkt mit einem [[Texteditor]] erstellt werden oder sind die Ausgabe von Programmen mit andersartigem Input, siehe etwa [[Gnuplot]]. SVG-Editoren erlauben eine bequeme Bearbeitung in der graphischen Ansicht.
Zeile 58:		Zeile 58:

	Derzeit aktuelle Spezifikationen sind also die Version SVG Tiny 1.2 und die zweite Bearbeitung von SVG 1.1. Seit 2011 wird an SVG 2 gearbeitet, das zahlreiche Änderungen und Erweiterungen enthalten sollte.<ref>{{Internetquelle \|url=http://www.w3.org/Graphics/SVG/WG/wiki/index.php?title=SVG2_Planning_Page&oldid=6876 \|titel=SVG2 Planning Page \|abruf=2015-01-30}}</ref><ref>{{Internetquelle \|url=http://www.w3.org/Graphics/SVG/WG/wiki/SVG2_Requirements_Commitments \|titel=SVG2 Requirements Commitments \|abruf=2015-07-08}}</ref>		Derzeit aktuelle Spezifikationen sind also die Version SVG Tiny 1.2 und die zweite Bearbeitung von SVG 1.1. Seit 2011 wird an SVG 2 gearbeitet, das zahlreiche Änderungen und Erweiterungen enthalten sollte.<ref>{{Internetquelle \|url=http://www.w3.org/Graphics/SVG/WG/wiki/index.php?title=SVG2_Planning_Page&oldid=6876 \|titel=SVG2 Planning Page \|abruf=2015-01-30}}</ref><ref>{{Internetquelle \|url=http://www.w3.org/Graphics/SVG/WG/wiki/SVG2_Requirements_Commitments \|titel=SVG2 Requirements Commitments \|abruf=2015-07-08}}</ref>
	Seit 15. September 2016 existiert eine ''Candidate Recommendation''. Zum 7. August und 4. Oktober 2018 sind weitere ''Candidate ~~Recommendation~~''s erschienen.<ref>{{Internetquelle \|url=http://www.w3.org/TR/SVG2/ \|titel=Scalable Vector Graphics (SVG) 2 \|abruf=2024-05-24}}</ref> Inzwischen wurden zahlreiche geplante Neuerungen und Erfordernisse für die Version 2 wieder gestrichen.		Seit 15. September 2016 existiert eine ''Candidate Recommendation''. Zum 7. August und 4. Oktober 2018 sind weitere ''Candidate Recommendations'' erschienen.<ref>{{Internetquelle \|url=http://www.w3.org/TR/SVG2/ \|titel=Scalable Vector Graphics (SVG) 2 \|abruf=2024-05-24}}</ref> Inzwischen wurden zahlreiche geplante Neuerungen und Erfordernisse für die Version 2 wieder gestrichen.

	== Dokument ==		== Dokument ==

← Nächstältere Version		Version vom 22. November 2024, 17:27 Uhr
Zeile 27:		Zeile 27:
	'''Scalable Vector Graphics''' (kurz auch '''SVG''', {{enS}} für ''skalierbare Vektorgrafik'') ist die vom [[World Wide Web Consortium]] (W3C) empfohlene [[Spezifikation]] zur Beschreibung zweidimensionaler [[Vektorgrafik]]en. SVG, das auf [[Extensible Markup Language\|XML]] basiert, wurde erstmals im September 2001 veröffentlicht. Praktisch alle relevanten [[Webbrowser]] können einen Großteil des Sprachumfangs darstellen.<ref>{{Internetquelle \|url=https://caniuse.com/ \|titel=Can I use... Support tables for HTML5, CSS3, etc \|abruf=2021-02-27}}</ref>		'''Scalable Vector Graphics''' (kurz auch '''SVG''', {{enS}} für ''skalierbare Vektorgrafik'') ist die vom [[World Wide Web Consortium]] (W3C) empfohlene [[Spezifikation]] zur Beschreibung zweidimensionaler [[Vektorgrafik]]en. SVG, das auf [[Extensible Markup Language\|XML]] basiert, wurde erstmals im September 2001 veröffentlicht. Praktisch alle relevanten [[Webbrowser]] können einen Großteil des Sprachumfangs darstellen.<ref>{{Internetquelle \|url=https://caniuse.com/ \|titel=Can I use... Support tables for HTML5, CSS3, etc \|abruf=2021-02-27}}</ref>

	Wesentlicher Vorteil des ~~vektorbasierten~~ SVG-Formates gegenüber anderen [[Grafikformat]]en wie [[JPEG\|JPG]], [[Portable Network Graphics\|PNG]] oder [[Tagged Image File Format\|TIFF]] ist – insbesondere im [[Responsive Webdesign\|Responsiven Webdesign]] – die [[Skalierbarkeit]] ohne Qualitätsverlust,<ref>{{Internetquelle \|autor=Daniel Geiser \|url=https://www.new-time.ch/die-vor-und-nachteile-des-svg-formats-im-responsiven-webdesign/ \|titel=Die Vor- und Nachteile des SVG-Formats im responsiven Webdesign \|hrsg=new time design Scherrer & Grasso \|datum=2015-09-30 \|abruf=2019-01-12}}</ref> gegenüber der prinzipbedingt verlustbehafteten Skalierbarkeit von pixel-basierten [[Rastergrafik]]en.		Wesentlicher Vorteil des ''vektor''-basierten SVG-Formates gegenüber anderen [[Grafikformat]]en wie [[JPEG\|JPG]], [[Portable Network Graphics\|PNG]] oder [[Tagged Image File Format\|TIFF]] ist – insbesondere im [[Responsive Webdesign\|Responsiven Webdesign]] – die [[Skalierbarkeit]] ohne Qualitätsverlust,<ref>{{Internetquelle \|autor=Daniel Geiser \|url=https://www.new-time.ch/die-vor-und-nachteile-des-svg-formats-im-responsiven-webdesign/ \|titel=Die Vor- und Nachteile des SVG-Formats im responsiven Webdesign \|hrsg=new time design Scherrer & Grasso \|datum=2015-09-30 \|abruf=2019-01-12}}</ref> gegenüber der prinzipbedingt verlustbehafteten Skalierbarkeit von ''pixel''-basierten [[Rastergrafik\|''Raster''-Grafik]]en.

	[[Animation]]en werden von SVG mittels [[Synchronized Multimedia Integration Language\|SMIL]] unterstützt. Manipulationen des SVG-[[Document Object Model\|DOM]] sind mit Hilfe eingebetteter Funktionen via [[Skriptsprache]]n möglich. Da SVG ein XML-basiertes Dateiformat ist, sind Inhalte von SVG-Dateien für [[computerunterstützte Übersetzung]] und andere Weiterverarbeitungen leicht zugänglich. Sie können direkt mit einem [[Texteditor]] erstellt werden oder sind die Ausgabe von Programmen mit andersartigem Input, siehe etwa [[Gnuplot]]. SVG-Editoren erlauben eine bequeme Bearbeitung in der graphischen Ansicht.		[[Animation]]en werden von SVG mittels [[Synchronized Multimedia Integration Language\|SMIL]] unterstützt. Manipulationen des SVG-[[Document Object Model\|DOM]] sind mit Hilfe eingebetteter Funktionen via [[Skriptsprache]]n möglich. Da SVG ein XML-basiertes Dateiformat ist, sind Inhalte von SVG-Dateien für [[computerunterstützte Übersetzung]] und andere Weiterverarbeitungen leicht zugänglich. Sie können direkt mit einem [[Texteditor]] erstellt werden oder sind die Ausgabe von Programmen mit andersartigem Input, siehe etwa [[Gnuplot]]. SVG-Editoren erlauben eine bequeme Bearbeitung in der graphischen Ansicht.

← Nächstältere Version		Version vom 11. März 2025, 20:20 Uhr
Zeile 117:		Zeile 117:
	* Stroke-Attribute – legen die Darstellung der Rahmenlinie fest.		* Stroke-Attribute – legen die Darstellung der Rahmenlinie fest.
	* Opacity-Attribute – legen die [[Transparenz (Computergrafik)\|Transparenz]] des Elements fest.		* Opacity-Attribute – legen die [[Transparenz (Computergrafik)\|Transparenz]] des Elements fest.
	* Marker – legen fest, ob ein Linienende besonders gestaltet wird (z. B. Pfeile, Querstriche etc.)		* Marker – legen fest, ob ein Linienende besonders gestaltet wird (z. B. Pfeile, Querstriche etc.)
	Die meisten Eigenschaften können auch mittels CSS in einem Style-Attribut festgelegt werden, was offiziell favorisiert wird.		Die meisten Eigenschaften können auch mittels CSS in einem Style-Attribut festgelegt werden, was offiziell favorisiert wird.

Zeile 456:		Zeile 456:
	== The Graphical Web ==		== The Graphical Web ==
	Von 2002 bis 2016 fand einmal jährlich die [[Tagung\|Konferenz]] ''The Graphical Web'' statt, bei der in Vorträgen und Workshops aktuelle Entwicklungen im Umfeld von SVG vorgestellt wurden.		Von 2002 bis 2016 fand einmal jährlich die [[Tagung\|Konferenz]] ''The Graphical Web'' statt, bei der in Vorträgen und Workshops aktuelle Entwicklungen im Umfeld von SVG vorgestellt wurden.
	* [[Exeter]], Großbritannien, 1. bis 4. November 2016<ref>{{Internetquelle \|url=https://graphicalweb.org/ \|titel=G&H_web \|datum=2024-02-14 \|sprache=en-US \|abruf=2024-05-24}}</ref>		* [[Exeter]], Großbritannien, 1. bis 4. November 2016<ref name="graphicalweb.org">{{Internetquelle \|url=https://graphicalweb.org/ \|titel=G&H_web \|datum=2024-02-14 \|sprache=en-US \|abruf=2024-05-24}}</ref>
	* [[Pittsburgh]], USA, 23. bis 26. September 2015<ref~~>{{Internetquelle~~ ~~\|url~~=~~https://~~graphicalweb.org/ ~~\|titel=G&H_web \|datum=2024-02-14 \|sprache=en-US \|abruf=2024-05-24}}</ref~~>		* [[Pittsburgh]], USA, 23. bis 26. September 2015<ref name="graphicalweb.org"/>
	* [[Winchester]], Großbritannien, 26. bis 30. August 2014<ref~~>{{Internetquelle~~ ~~\|url~~=~~https://~~graphicalweb.org/ ~~\|titel=G&H_web \|datum=2024-02-14 \|sprache=en-US \|abruf=2024-05-24}}</ref~~>		* [[Winchester]], Großbritannien, 26. bis 30. August 2014<ref name="graphicalweb.org"/>
	* [[San Francisco]], USA, 21. bis 23. Oktober 2013<ref>{{Internetquelle \|url=https://www.svgopen.org/ \|titel=SVG OPEN \|datum=2024-05-03 \|sprache=fr \|abruf=2024-05-24}}</ref>		* [[San Francisco]], USA, 21. bis 23. Oktober 2013<ref name="svgopen.org">{{Internetquelle \|url=https://www.svgopen.org/ \|titel=SVG OPEN \|datum=2024-05-03 \|sprache=fr \|abruf=2024-05-24}}</ref>
	* [[Zürich]], Schweiz, 11. bis 14. September 2012<ref~~>{{Internetquelle~~ ~~\|url~~=~~https://www.~~svgopen.org/ ~~\|titel=SVG OPEN \|datum=2024-05-03 \|sprache=fr \|abruf=2024-05-24}}</ref~~>		* [[Zürich]], Schweiz, 11. bis 14. September 2012<ref name="svgopen.org"/>
	* [[Cambridge (Massachusetts)\|Cambridge]], USA, 17. Oktober bis 20. Oktober 2011<ref~~>{{Internetquelle~~ ~~\|url~~=~~https://www.~~svgopen.org/ ~~\|titel=SVG OPEN \|datum=2024-05-03 \|sprache=fr \|abruf=2024-05-24}}</ref~~>		* [[Cambridge (Massachusetts)\|Cambridge]], USA, 17. Oktober bis 20. Oktober 2011<ref name="svgopen.org"/>
	* [[Paris]], Frankreich, 30. August bis 1. September 2010<ref~~>{{Internetquelle~~ ~~\|url~~=~~https://www.~~svgopen.org/ ~~\|titel=SVG OPEN \|datum=2024-05-03 \|sprache=fr \|abruf=2024-05-24}}</ref~~>		* [[Paris]], Frankreich, 30. August bis 1. September 2010<ref name="svgopen.org"/>
	* [[Mountain View (Santa Clara County, Kalifornien)\|Mountain View]], USA, 2. bis 4. Oktober 2009<ref~~>{{Internetquelle~~ ~~\|url~~=~~https://www.~~svgopen.org/ ~~\|titel=SVG OPEN \|datum=2024-05-03 \|sprache=fr \|abruf=2024-05-24}}</ref~~>		* [[Mountain View (Santa Clara County, Kalifornien)\|Mountain View]], USA, 2. bis 4. Oktober 2009<ref name="svgopen.org"/>
	* [[Nürnberg]], Deutschland, 26. bis 28. August 2008<ref~~>{{Internetquelle~~ ~~\|url~~=~~https://www.~~svgopen.org/ ~~\|titel=SVG OPEN \|datum=2024-05-03 \|sprache=fr \|abruf=2024-05-24}}</ref~~>		* [[Nürnberg]], Deutschland, 26. bis 28. August 2008<ref name="svgopen.org"/>
	* [[Minato (Tokio)\|Minato]], [[Tokio]], Japan, 4. bis 7. September 2007		* [[Minato (Tokio)\|Minato]], [[Tokio]], Japan, 4. bis 7. September 2007
	* [[Victoria (British Columbia)\|Victoria]], Kanada, 16. bis 19. Oktober 2006 (ausgefallen)		* [[Victoria (British Columbia)\|Victoria]], Kanada, 16. bis 19. Oktober 2006 (ausgefallen)