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 :-(

Tools, Software & Programme aufgrund DSGVO leider nicht mehr verfügbar !! Fehler, Irrtümer, usw. nicht ausschließbar!

vielen Dank für Ihr Verständnis und Ihnen schöne Grüße,

Christian Schönberg (privater Blogartikel)

       

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Vielleicht kennen Sie die Bibliothek von Thes ......
den ganzen Artikel lesen ...

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! In einem vergangenen Artikel habe ich schon e ......
den ganzen Artikel lesen ...

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Am PC sammeln sich mit der Zeit immer mehr Da ......
den ganzen Artikel lesen ...

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

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Wenn man sich auf Youtube ein bestimmtes Vide ......
den ganzen Artikel lesen ...

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Für verschiedene Fotoeffekte habe ich in den ......
den ganzen Artikel lesen ...

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Da in vielen Email-Postfächern täglich unzà ......
den ganzen Artikel lesen ...

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Vielleicht kennen Sie DirectX oder OpenGL-Anw ......
den ganzen Artikel lesen ...

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Wenn Sie z.B. ein Produkt- oder Präsentation ......
den ganzen Artikel lesen ...

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! In den meisten 3D-Programmen lassen sich die ......
den ganzen Artikel lesen ...