schoenberg - think MINI:
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 :-(
andere Besucher, die diesen Artikel gelesen haben, fanden auch diese Blogbeiträge interessant:
kostenloses Ebook-PDF-Script mit VorschauLieber XING-Kontakt, vielen Dank für Ihren Besuch!
Dieses Script erstellt automatisch ein persö ......
den ganzen Artikel lesen ...
Raspberry Pi: ein kreditkartengroßer Einplatinencomputer
Lieber XING-Kontakt, vielen Dank für Ihren Besuch!
Vom sogenannten Raspberry Pi liest man derzei ......
den ganzen Artikel lesen ...
WordPress-Plugin – SiteMap.xml erstellen
Lieber XING-Kontakt, vielen Dank für Ihren Besuch!
Selbst Google empfiehlt, vom eigenen WordPres ......
den ganzen Artikel lesen ...
Verschlüsselung von Nachrichten: einfaches Beispiel mit PHP
Lieber XING-Kontakt, vielen Dank für Ihren Besuch!
Gerade in den letzten Jahren gewinnt die Vers ......
den ganzen Artikel lesen ...
Raspberry Pi: Leuchtdioden per Android Smartphone ansteuern
Lieber XING-Kontakt, vielen Dank für Ihren Besuch!
Wie in einem vergangenen Artikel bereits besc ......
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 ...
Ebooks (PDF) – Kopiergeschützt
Lieber XING-Kontakt, vielen Dank für Ihren Besuch!
Kennen Sie vielleicht die Situation. Sie habe ......
den ganzen Artikel lesen ...
Softwaretool: zwei Fotoeffekte nebeneinander in beliebiges Foto einfügen
Lieber XING-Kontakt, vielen Dank für Ihren Besuch!
Auch dieses Tool habe ich bereits als PHP-Skr ......
den ganzen Artikel lesen ...
Softwaretool: Laufwerk überwachen und protokollieren
Lieber XING-Kontakt, vielen Dank für Ihren Besuch!
Um sicher zu gehen, dass in einem Laufwerk vo ......
den ganzen Artikel lesen ...
HTML-Fehler auf der eigenen Seite finden
Lieber XING-Kontakt, vielen Dank für Ihren Besuch!
Wie in einem vergangenen Artikel bereits besc ......
den ganzen Artikel lesen ...
- 3D-Drucker
- Allgemein
- Audio
- Betriebs- wirtschaft
- Ebooks
- Forex
- Foto editieren
- Google+ API
- HTML-Spiele
- HTML5
- HTML5-Animation
- Internet-Marketing-Scripte
- Java
- JavaScript
- Linkedin API
- Mathematik
- Mikrocontroller
- nützliche Tools
- PHP-Scripte
- Raspberry Pi
- SEO-Tools
- Sicherheit
- SmartPhone Apps
- Technik
- Videos
- Windows App
- WordPress
- Xing API


