schoenberg - think MINI:




SVG: skalierbare Vektorgrafiken in Webseiten einbinden

erstellt am: 11.09.2017 | von: admin | 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


Virenfrei und Zertifizierung: Alle Tools auf dieser Webseite sind virengeprüft (unter https://www.virustotal.com/ mit 47 Virenscanner) und ausserdem habe ich als Urheber und verifizierter Herausgeber der Softwaretools ein Zertifikat (dieses können Sie abrufen, wenn Sie das jeweilige Softwaretool mit der rechten Maustaste als Administrator starten und dann mit 'Details anzeigen' das Sicherheitszertifikat abrufen).

Möchten Sie vielleicht ebenfalls ein solches oder ähnliches Software-Tool, kontaktieren Sie mich einfach unter meinen XING-Account https://www.xing.com/profile/Christian_Schoenberg5 oder unter meiner Email c.schoenberg@schoenberg.co.at.

Hätten Sie vielleicht auch einen Programmierauftrag für mich ? Oder könnten Sie sich für einen evtl. späteren Bedarf meine Email office@3lancer.biz aufbewahren. Ich wäre Ihnen dafür sehr dankbar.

vielen Dank und Ihnen schöne Grüße,

Christian Schönberg

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



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

Xing -Gefällt mir-Button

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! ich habe selbst mit der offiziellen XING-Api ......
den ganzen Artikel lesen ...


Software-Tool -Farbwert Ermitteln-

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


Videoclips mit HTML und JavaScript

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Sie haben sicherlich schon öfters Videos ode ......
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 ...


Ebook – Überschriften von Blogartikeln und Betreffzeilen von Emails

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Wenn man einen Blogartikel schreibt, stellt s ......
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 ...


Softwaretool: Barcode128 erstellen

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Sie werden sicherlich die auf den Waren aufge ......
den ganzen Artikel lesen ...


automatische PDF-Erstellung z.B. Rechnungen

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Dieses Script erstellt automatisch eine PDF-D ......
den ganzen Artikel lesen ...


PHP-Script: Farbfoto und Schwarz-Weiss-Bild nebeneinander

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Bei diesem Fotoeffekt muss man etwas genauer ......
den ganzen Artikel lesen ...


kostenloses Puzzle-Spiel-Script

Lieber XING-Kontakt, vielen Dank für Ihren Besuch! Hier darunter habe ich ein einfaches Puzzlesp ......
den ganzen Artikel lesen ...