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:

selbsterstellten Video Sales Letter

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Für die Erstellung eines klassischen Video S ......
den ganzen Artikel lesen ...


Werbebanner und die Standardformate

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Werbebanner (meistens entweder als animierte ......
den ganzen Artikel lesen ...


Java Softwaretool: Schwarz-Weiß-Foto

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Rechts unter der Kategorie "Foto editieren" h ......
den ganzen Artikel lesen ...


Android SmartPhone App mit Android Plugin für Eclipse (Java)

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Apps für Android SmartPhones habe ich schon ......
den ganzen Artikel lesen ...


von einem Foto z.B. den Hintergrund entfernen (freistellen)

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


SEO-Tool online

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Dieses kleine von mir programmierte HTML-PHP- ......
den ganzen Artikel lesen ...


Beispiel einer XING-API Anwendung mit der offiziellen XING-API

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Dieses kleine Tool informiert Sie immer über ......
den ganzen Artikel lesen ...


Ebooks (PDF) – Kopiergeschützt

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Kennen Sie vielleicht die Situation. Sie habe ......
den ganzen Artikel lesen ...


Windows Store App: 2 Fotoeffekte nebeneinander

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Im letzten Artikel habe ich bereits eine Wind ......
den ganzen Artikel lesen ...


Beispiel von einem Video Sales Letter

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Sales Letter bedeutet auf deutsch "Verkaufsse ......
den ganzen Artikel lesen ...