schoenberg - think MINI:




SVG: skalierbare Vektorgrafiken in Webseiten einbinden

erstellt am: 11.09.2017 | von: PRIVAT | Kategorie(n): Allgemein, HTML5, HTML5-Animation, JavaScript


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

schoenberg - think MINI


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)

XING.com - Netzwerk für Beruf und Leben     Facebook     Twitter



andere Besucher, die diesen Artikel gelesen haben, fanden auch diese Blogbeiträge interessant:

Softwaretool: Bildschirmlupe

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Manchmal kann es vorkommen, dass man von eine ......
den ganzen Artikel lesen ...


Beispiel eines Werbevideos mittels Animation erstellt

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Werbevideos können nicht nur durch Kameraauf ......
den ganzen Artikel lesen ...


Tool zum Austauschen von Textnachrichten

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Sie kennen es sicherlich von Skype. Dabei kan ......
den ganzen Artikel lesen ...


Softwaretool: Passungstabelle (Maschinenbau)

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! In der Fertigungstechnik gibt es sogenannte P ......
den ganzen Artikel lesen ...


Installationsroutine mit JAVA programmiert

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Wenn man eine Software anbieten will, die unt ......
den ganzen Artikel lesen ...


Mausbewegungen, -klicks und Tastatureingaben aufnehmen

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


Android App: 4 in einer Reihe

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! In einem vorigen Artikel habe ich dieses Spie ......
den ganzen Artikel lesen ...


Skype Gespräche aufnehmen

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Auch für Skype gibt es eine API-Schnittstell ......
den ganzen Artikel lesen ...


kleine animierte Werbeclips selbst erstellen

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Werbeclips mit animierten 3D-Modellen kann ma ......
den ganzen Artikel lesen ...


Excel VBA SEO-Script

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Mit "Visual Basic for Application" lassen sic ......
den ganzen Artikel lesen ...