obs-hw.de

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.
{{ :grafik:boxysvgeditor.jpg?nolink |}}

Bei Boxy SVG handelt es sich um einen webbasierten Vektor-Zeichner/-Editor, der auf dem Chromebook ebenfalls als PWA (=Progessive WebApp) zur Verfügung steht.

Boxy SVG konzentriert sich auf wenige, aber für das Webdesign nötige Grundfunktionen wie Grundformen, Pfade, Symbole und Gruppierungen sowie Farben, Verläufe und Transformationen. Dabei legt es Wert auf einen übersichtlichen und sparsamen Ausgangscode.

Es ist unter allen verfügbaren Anwendungen der erste WYSIWYG-Editor (=**W**hat **Y**ou **S**ee **I**s **W**hat **Y**ou **G**et), bei dem Formen bearbeitet werden können, ohne sich in einzelnen Vektoren verlieren zu müssen.

Webseite: [[https://boxy-svg.com/|Boxy SVG - SCALABLE VECTOR GRAPHICS EDITOR]]

----

======Video-Tutorials (auf Englisch)======


{{youtube>J_Q4YLoW45A?medium}}

**Boxy SVG | Selecting Objects** (7:43min)\\ 
Select one or more objects.\\ 
(Ein Objekt/mehrere Objekte auswählen)


{{youtube>6M5zcrtvo4s?medium}}

**Boxy SVG | Transforming Objects** (7:49min)\\ 
Move, scale, skew and rotate objects.\\ 
(Objekte bewegen, skalieren (=vergrößern & verkleinern), verzerren und drehen)


{{youtube>ws0yTmTUew8?medium}}

**Boxy SVG | Paths** (14:13min)\\ 
Draw and manipulate paths.\\ 
(Pfade zeichnen und manipulieren/anpassen)


{{youtube>46aukWdJlg0?medium}}

**Boxy SVG | Shapes** (12:05min)\\ 
Draw and edit shapes such as rectangles, circles, ellipses, stars and more.\\ 
(Formen zeichnen und bearbeiten - Rechtecke, Kreise, Ellipsen, Sterne und mehr)


{{youtube>Y6dSQX6P3xM?medium}}

**Boxy SVG | Fill and Stroke** (12:52min)\\ 
Change the fill and stroke paint of an object.\\ 
(Ändern der Farbe von Füllungen und Strichen bei Objekten)


**Weitere Tutorials dieser Reihe** zu Boxy SVG findest Du entweder auf:

  * [[https://www.youtube.com/channel/UCp-Q8jovR1zL6ZAOXP6jUww/videos|Youtube]]
  * [[https://boxy-svg.com/tutorials|Tutorials auf boxy-svg.com]]