Lieber XING-Kontakt, vielen Dank für Ihren Besuch!

Die Bezeichnung SVG ist die Abkürzung von „Scalable Vector Graphics“ und bedeutet auf Deutsch skalierbare Vektorgrafik. Damit lassen sich Vektorgrafiken auch in den derzeit gängigsten Webbrowsern darstellen.

Auch Animationen können z.B. mit JavaScript sehr einfach umgesetzt werden. Grafische Elemente wie Kreis, Ellipse, Rechteck, Pfad, Linie, Texte, usw. dienen dabei als Grundelemente (grafische Primitive), die beliebig kombiniert werden können.

Zu den wesentlichen Vorteilen zählen die Möglichkeit zur größeren Darstellung von Grafiken möglichst ohne Qualitätseinbußen.

Es gibt dazu auch zahlreiche JavaScript Bibliotheken wie z.B. Velocity, SnapSVG, usw. Mit diesen können skalierbare Vektorgrafiken zumeist deutlich einfacher in Webseiten eingebunden, sowie auch animiert werden.

Da es aber auch schon einige solcher JavaScript Bibliotheken gegeben hat, die es mittlerweile nicht mehr gibt bzw. nicht mehr aktualisiert werden, kann es auch hierbei sinnvoll sein, die notwendigen Skripte für Animationen, usw. selbst zu erstellen.

Darunter habe ich ein einfaches Beispiel einer solchen selbst erstellten und animierten skalierbaren Vektorgrafik erstellt.

und hier wie immer ein Glitze-Kleines-Bisschen Werbung 🙁

Virenfrei und Zertifizierung: Alle Tools auf dieser Webseite sind virengeprüft (unter https://www.virustotal.com/ mit 47 Virenscanner) und ausserdem habe ich als Urheber und verifizierter Herausgeber der Softwaretools ein Zertifikat (dieses können Sie abrufen, wenn Sie das jeweilige Softwaretool mit der rechten Maustaste als Administrator starten und dann mit 'Details anzeigen' das Sicherheitszertifikat abrufen). Hinsichtlich dieser Webseiten, Artikeln, Skripte, Tools, Ebooks, usw. gilt vollständiger Haftungsausschluss. Fehler, Irrtümer, usw. nicht ausschließbar!

vielen Dank und Ihnen schöne Grüße,

Christian Schönberg (privater Blogartikel)

       

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Wenn man von einer Musik-CD die Lieder auf de ......
den ganzen Artikel lesen ...

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Vielleicht kennen Sie die iPhone und Android ......
den ganzen Artikel lesen ...

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Damit Ihre Webseite in den Suchmaschinen gut ......
den ganzen Artikel lesen ...

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Mit diesem kostenlosen Tool können Sie ganz ......
den ganzen Artikel lesen ...

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Es gibt unzählige Tätigkeiten am PC, bei de ......
den ganzen Artikel lesen ...

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Sie kennen sicherlich Emailresponder. Damit k ......
den ganzen Artikel lesen ...

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Als Anwendungsbeispiel der selbst programmier ......
den ganzen Artikel lesen ...

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! 3D-Programme zur Erstellung von 3D-Modellen v ......
den ganzen Artikel lesen ...

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Auch in Webanwendungen lassen sich 3D-Räume ......
den ganzen Artikel lesen ...

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Unter der Kategorie "Foto editieren" habe ich ......
den ganzen Artikel lesen ...