VectorLab
unbenannt.svg

Grundlagen

1 / 9

Aufgabe

Hallo SVG!

Dateien und ByCS-Drive

Edge/Chrome: „Öffnen“ und „Speichern“ können direkt auf dieselbe SVG-Datei zugreifen. Liegt sie in einem synchronisierten ByCS-Drive-Ordner, wird sie vom Desktop-Client wieder synchronisiert.

Ohne File System Access API verwendet der Prototyp Datei-Upload bzw. Download als Rückfalllösung.

Vektorgrafik und Pixelgrafik vergleichen

Links siehst du die Vektorgrafik. Rechts wird dieselbe Zeichnung zuerst in eine Pixelgrafik umgewandelt und anschließend wieder auf die gleiche Größe vergrößert.

Vektorgrafik (SVG)

Beim Vergrößern werden die Formen neu berechnet.

Pixelgrafik (PNG, vergrößert)

Vergrößerte Pixelgrafik
Beobachtung: Je niedriger die Auflösung der Pixelgrafik ist, desto deutlicher verliert sie beim Vergrößern an Schärfe. Die SVG-Grafik bleibt dagegen scharf, weil sie aus mathematisch beschriebenen Formen besteht.

Informatik-Sicht freigeschaltet

Im normalen Zeichenmodus hast du VectorLab wie ein Vektorgrafikprogramm benutzt. Jetzt kannst du zusätzlich untersuchen, wie die gezeichneten Elemente beschrieben werden.

Die Klassenkarte zeigt, welche Attribute Objekte einer Klasse besitzen. Die Objektkarte zeigt die aktuellen Attributwerte des ausgewählten Objekts. Die Karten selbst verändern nichts.
✓
Geschafft!