Skizzen-Tool: zeichnen direkt im Browser

Bedienung

• Werkzeug links in der Leiste wählen, dann auf der Fläche zeichnen.
• Linien, Rechtecke, Kreise und Pfeile werden aufgezogen: drücken, halten, loslassen.
• Polylinie und Polygon werden Punkt für Punkt geklickt und mit Enter oder einem Doppelklick beendet.
• Der Kreisbogen braucht drei Klicks: Startpunkt, Endpunkt, dann die Wölbung.
• Mit gedrückter Shift-Taste rasten Linien auf 45 Grad ein, Rechtecke werden zu Quadraten und Ellipsen zu Kreisen.
• Beim Textwerkzeug klicken Sie auf die gewünschte Stelle und schreiben dort direkt los. Enter setzt den Text, Esc verwirft ihn, ein Klick woandershin setzt ihn und beginnt gleich den nächsten.
• Der Radierer entfernt auch Teile bereits gezeichneter Formen.
• Ein Bild fügen Sie über die Schaltfläche in der Werkzeugleiste ein, per Ziehen auf die Fläche oder mit Strg + V aus der Zwischenablage.
• Mit dem Verschieben-Werkzeug greifen Sie ein fertiges Objekt und ziehen es an eine andere Stelle. Die Pfeiltasten schieben es pixelweise, Entf löscht es.
• An den vier Ecken lässt sich ein Objekt grösser und kleiner ziehen, am Griff darüber drehen. Mehrere Objekte fassen Sie zusammen, indem Sie auf freier Fläche einen Rahmen darum ziehen.
• Ein Klick auf den Farbpunkt bei «Linie» oder «Fläche» öffnet die Palette. Beide führen ihre eigene Farbe und ihre eigene Deckkraft; der Punkt zeigt jeweils an, was gilt. Füllungen gibt es für Rechteck und Kreis.
• Der Radierer kennt zwei Arten: «Trennen» schneidet eine Linie an der Stelle auf, über die Sie fahren, «Ganzes Objekt» nimmt das getroffene Objekt komplett weg – auch Text und Bilder.
• Unten in der Werkzeugleiste spiegeln zwei Schaltflächen die Auswahl waagrecht oder senkrecht.
• Über das Diskettensymbol speichern Sie als Bild (PNG mit oder ohne Transparenz, JPG, WebP) oder als Vektor: PDF und DXF geben Linien, Formen und Text als echte Geometrie aus, nicht als Pixel.
• Die DXF-Datei lässt sich in AutoCAD, BricsCAD, Revit oder ArchiCAD öffnen. Jede Zeichenebene wird zu einem CAD-Layer. Bilder und Radiererspuren haben dort keine Entsprechung und bleiben weg.

Tastenkürzel

Alle Kürzel stehen im Werkzeug selbst: das Fragezeichen oben rechts in der Leiste öffnet eine vollständige Liste – von den Zifferntasten für die Werkzeuge über Auswahl, Reihenfolge und Ebenen bis zu den Maus-Kombinationen mit Shift und Strg. Esc schliesst sie wieder.

Die Kürzel greifen nur, solange der Fokus nicht in einem Textfeld steht – dort können Sie normal tippen.

Arbeiten mit Ebenen

Rechts neben dem Blatt liegen die Ebenen. Gezeichnet wird immer auf der aktiven Ebene – ein Klick auf den Namen wechselt sie, ein Doppelklick benennt sie um. Das Auge blendet eine Ebene aus, ohne etwas zu löschen, und mit Oben und Unten ändern Sie, welche Ebene vor welcher liegt. Die Liste ist von oben nach unten gelesen die Stapelreihenfolge: was oben steht, liegt vorn.

Sinnvoll ist das zum Beispiel, wenn eine Grundrissskizze auf einer Ebene liegt und Bemassung, Varianten oder Kommentare je auf einer eigenen. So lässt sich eine Variante ein- und ausblenden, ohne die Grundlage neu zeichnen zu müssen. Wichtig dabei: der Radierer wirkt nur auf die aktive Ebene – was darunter liegt, bleibt unangetastet.

Ein Klick auf die Zahl neben dem Ebenennamen klappt die Liste ihrer Objekte auf und wieder zu. Was auf der Fläche ausgewählt ist, erscheint darin rot markiert; umgekehrt wählt ein Klick auf eine Objektzeile dieses Objekt aus. Zieht man eine Objektzeile auf eine andere Ebene, wandert das Objekt dorthin – sind mehrere ausgewählt, wandern alle mit, und ein Objekt aus einer Gruppe nimmt seine Gruppe mit.

Ablauf abspielen und als Video sichern

Jeder Strich und jede Form wird als eigenes Objekt gespeichert, in der Reihenfolge, in der Sie gezeichnet haben. Genau daraus entsteht die Wiedergabe: Ablauf abspielen baut die Skizze noch einmal von vorne auf, Strich für Strich. Über die Geschwindigkeit wählen Sie zwischen ruhigem Nachvollziehen (0,5×) und Zeitraffer (4×). Die Esc-Taste bricht die Wiedergabe ab.

Als Video speichern lässt denselben Ablauf einmal durchlaufen und zeichnet ihn dabei auf. Am Ende erhalten Sie eine Videodatei auf weissem Hintergrund – praktisch, um einen Lösungsweg zu erklären, statt nur das fertige Ergebnis zu zeigen. Die Aufnahme entsteht wie die Zeichnung selbst vollständig im Browser; es wird nichts hochgeladen.

Die Datei wird im WebM-Format gespeichert, das Chrome, Edge und Firefox direkt abspielen. Browser ohne Aufnahmefunktion zeigen die Schaltfläche ausgegraut – die Wiedergabe am Bildschirm funktioniert dort trotzdem.

Alles bleibt auf Ihrem Gerät

Die Zeichnung entsteht ausschliesslich im Browser und wird nicht an einen Server des Betreibers übertragen. Erst beim Speichern als PNG entsteht eine Datei, und die legt Ihr Browser lokal ab. Schliessen Sie den Tab, ist die Zeichnung verschwunden – speichern Sie sie also, bevor Sie die Seite verlassen.

Typische Anwendungen

• Prinzipskizze für eine Detaillösung, die schnell ins Protokoll soll.
• Handskizze eines Anschlusses als Ergänzung zur Rückfrage an die Planung.
• Einfache Grundrissidee oder Möblierungsvariante für die Besprechung.
• Erklärskizze für Lernende und Schulungen auf der Baustelle.