====== SVG ====== * https://www.w3schools.com/graphics/svg_intro.asp * etwas ausführlicher http://edutechwiki.unige.ch/en/Static_SVG_tutorial * evtl. Wikipedia: https://en.wikipedia.org/wiki/Scalable_Vector_Graphics ===== Software ===== * Text-Editor ;-) * Inkscape * Auf Schulcomputern: (Auf C:\ einen Ordner inkscape anlegen, darin folgendes Archiv entpacken): https://inkscape.org/release/inkscape-1.1.1/windows/64-bit/compressed-7z/dl/ * Ihr eigenes Python-Script. ===== Aufgaben ===== * Zeichnen Sie in Inkscape ein Herz aus 4 kubischen Bezierkurven und speichern Sie die Datei. * Extrahieren Sie Punkte und Kontrollpunkt aus der Datei (konsultieren Sie dazu die Dokumentation zum SVG Pfad-Element). * Schreiben Sie ein Python Script, das eines der folgenden Bilder (oder eigene Bilder in diesem Stil) als SVG-Code generiert und direkt in eine SVG-Datei schreibt. {{:kurse:ef05a-2021:svg:pasted:20220119-112542.png}} {{:kurse:ef05a-2021:svg:pasted:20220119-112613.png}} {{:kurse:ef05a-2021:svg:pasted:20220119-112806.png}} ===== Codes ===== SVG in HTML eingebettet: with open("test.html", "w") as file: file.write('

My first SVG

\n') for i in range(30): file.write('\n' % (i*5, i*5, i*2)) file.write('') SVG als alleinstehende Datei: with open("test.svg", "w") as file: file.write('\n') for i in range(30): file.write('\n' % (i*5, i*5, i*2)) file.write('')