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:
Foto so ändern, dass es wie gemalt aussiehtLieber XING-Kontakt, vielen Dank für Ihren Besuch!
Mit PHP und HTML lassen sich auch Bilder bear ......
den ganzen Artikel lesen ...
kleines Beispiel für selbsterstellten Zeichentrick-Clip
Lieber XING-Kontakt, vielen Dank für Ihren Besuch!
Auch kleine Zeichentrick-Clips lassen sich se ......
den ganzen Artikel lesen ...
kostenloses QR-Code Script
Lieber XING-Kontakt, vielen Dank für Ihren Besuch!
Mit diesem kostenlosen Tool können Sie ganz ......
den ganzen Artikel lesen ...
Windows Phone App: Instagram ähnlicher Fotoeffekt
Lieber XING-Kontakt, vielen Dank für Ihren Besuch!
Vielleicht kennen Sie die iPhone und Android ......
den ganzen Artikel lesen ...
eigenes Softwaretool: Farbverläufe ähnlich wie in PhotoShop
Lieber XING-Kontakt, vielen Dank für Ihren Besuch!
Sie kennen vielleicht in PhotoShop die Funkti ......
den ganzen Artikel lesen ...
Forex Chart Script zum Einzeichnen von Chartlinien
Lieber XING-Kontakt, vielen Dank für Ihren Besuch!
Forextraden ist derzeit sehr beliebt. Ob Sie ......
den ganzen Artikel lesen ...
PHP-Skript: DXF-Dateien laden
Lieber XING-Kontakt, vielen Dank für Ihren Besuch!
Konstruktionszeichnungen z.B. im Maschinenbau ......
den ganzen Artikel lesen ...
WordPress-Plugin für GiveAway
Lieber XING-Kontakt, vielen Dank für Ihren Besuch!
Bis vor einigen Jahren wurden sogenannte Give ......
den ganzen Artikel lesen ...
3D-Modelle (.stl) im Browser laden
Lieber XING-Kontakt, vielen Dank für Ihren Besuch!
In den meisten 3D-Programmen lassen sich die ......
den ganzen Artikel lesen ...
Messenger Tool für Windows und MAC
Lieber XING-Kontakt, vielen Dank für Ihren Besuch!
Sie kennen sicherlich "WhatsApp". Dies ist ei ......
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