Whiteboard

Arbeite gemeinsam auf einer geteilten Zeichenflaeche mit Zeichenwerkzeugen, Formen, Text, Sticky Notes und Echtzeit-Synchronisierung.

Whiteboard oeffnen#

Klicke in der Seitenleiste auf Whiteboard. Die Seitenleiste wird automatisch ausgeblendet, um mehr Platz fuer die Zeichenflaeche zu schaffen. Du kannst sie ueber die obere Leiste wieder einblenden.

Werkzeuge#

Die linke Werkzeugleiste enthaelt alle Zeichen- und Bearbeitungswerkzeuge:

• Auswaehlen (-) - Klicken zum Auswaehlen, Ziehen zum Bewegen, Griffe zum Skalieren
• Hand (-) - Zeichenflaeche verschieben (auch: mittlere Maustaste ziehen)
• Punkt-Auswahl (V) - Ankerpunkte an Pfaden und Formen bearbeiten
• Rechteck (-) - Rechtecke zeichnen
• Kreis (-) - Ellipsen zeichnen
• Polygon (-) - Polygone zeichnen
• Text (-) - Klicken, um Text hinzuzufuegen
• Frame (-) - Exportbereiche/Frames erstellen
• Stift (P) - Bezierpfade zeichnen
• Pinsel (B) - Freihand zeichnen
• Pfeil (A) - Pfeile mit Kurvenoptionen zeichnen
• Sticky Note (-) - Haftnotizen hinzufuegen
• Pfad (-) - Pfade zeichnen (geschlossen oder offen)

Rueckgaengig: Q | Wiederholen: E (unten in der linken Werkzeugleiste)

Formen zeichnen#

1. Waehle ein Formwerkzeug (Rechteck, Kreis, Polygon usw.)
2. Klicke und ziehe auf der Zeichenflaeche
3. Lasse los, um abzuschliessen

Fuer Pfeile: Nach dem Zeichnen kannst du in der unteren Leiste den Kurvenstil waehlen (links / gerade / rechts).

Auswaehlen und bearbeiten#

Mit dem Werkzeug Auswaehlen:

• Klicke auf eine Form, um sie auszuwaehlen
• Ziehe, um sie zu bewegen
• Eckgriffe, um sie zu skalieren
• Pfeilskalierung skaliert auch die Strichbreite

Mit dem Werkzeug Punkt-Auswahl (V):

• Klicke auf einen Ankerpunkt, um ihn auszuwaehlen
• Ziehe, um ihn neu zu positionieren
• Auswahlrahmen ziehen (leere Flaeche), um mehrere Punkte auszuwaehlen
• Pfeiltasten verschieben ausgewaehlte Punkte

Text und Sticky Notes#

Text hinzufuegen#

1. Waehle das Werkzeug Text
2. Klicke auf die Zeichenflaeche
3. Gib deinen Text im Overlay ein
4. Klicke ausserhalb, um die Bearbeitung zu beenden

Sticky Note hinzufuegen#

1. Waehle das Werkzeug Sticky Note
2. Klicke auf die Zeichenflaeche, um sie zu platzieren
3. Gib Inhalt ein
4. Ziehe sie, um sie neu zu positionieren

Link-Karten#

Bette Weblinks als visuelle Karten auf der Zeichenflaeche ein:

1. Waehle eine Form oder nutze das Kontextmenue -> Link hinzufuegen
2. Gib eine URL im Link-Bearbeitungsmodal ein
3. Die Karte zeigt eine Vorschau mit Metadaten und weitergeleitetem Thumbnail
4. Klicke auf die Karte, um den Link zu oeffnen

Eigenschaften-Panel#

Die rechte Werkzeugleiste zeigt Eigenschaften fuer die ausgewaehlte Form:

• Fuellung: Farbe und Deckkraft
• Kontur: Farbe, Breite und Stil
• Effekte (Schatten, Weichzeichnung usw.)
• Text-Eigenschaften (Schrift, Groesse, Ausrichtung)

Bereiche sind einklappbar und ihr Zustand bleibt erhalten. Das Panel wird ausgeblendet, wenn nichts ausgewaehlt ist.

Ebenen#

Oeffne das Ebenen-Panel ueber das obere Overflow-Menue:

• Alle Formen nach z-Index anzeigen
• Ebenen neu sortieren (z-Index bleibt eindeutig)
• Sichtbarkeit umschalten
• Ebenen sperren

Frames#

Frames sind Exportbereiche, die Inhalte gruppieren:

1. Waehle das Werkzeug Frame
2. Zeichne ein Rechteck auf der Zeichenflaeche
3. Frame-Beschriftungen erscheinen als Overlays
4. Ziehe Formen in einen Frame, um sie zuzuordnen
5. Beim Verschieben eines Frames bewegen sich alle Inhalte mit

Wenn du eine Form verschiebst oder skalierst und gleichzeitig ihre Frame-Zuordnung aenderst, werden beide Aenderungen zu einem Rueckgaengig-Eintrag zusammengefuehrt.

Kontextmenue#

Rechtsklicke auf die Zeichenflaeche oder eine Form, um das Kontextmenue zu oeffnen:

• Kopieren / Einfuegen - Zwischenablageaktionen
• Loeschen - Form entfernen
• Nach vorne / Nach hinten - z-Index aendern
• Link hinzufuegen - Link-Bearbeitungsmodal oeffnen
• Formspezifische Optionen

Zusammenarbeit#

Alle Aenderungen werden in Echtzeit ueber WebSocket (Yjs) synchronisiert:

• Kollaborator-Cursor sind mit benutzerspezifischen Farben sichtbar
• Mehrere Benutzer koennen gleichzeitig zeichnen und bearbeiten
• Aenderungen sind konfliktfrei und werden schliesslich konsistent

Schwenken und Zoomen#

• Hand-Werkzeug - Klicken und ziehen zum Schwenken
• Mittlere Maustaste - Schwenken (funktioniert mit jedem Werkzeug)
• Mausrad - Hinein-/Herauszoomen
• Schwenken hat Traegheit - es laeuft kurz weiter, nachdem du loslaesst
• Neue Eingabe bricht das Gleiten ab

Ansicht ueber das obere Overflow-Menue -> Ansicht zuruecksetzen zuruecksetzen.

Tastenkombinationen#

• Q - Rueckgaengig
• E - Wiederholen
• V - Punkt-Auswahl
• P - Stift-Werkzeug
• B - Pinsel-Werkzeug
• A - Pfeil-Werkzeug
• Delete / Backspace - Ausgewaehltes loeschen
• Ctrl+Z - Rueckgaengig
• Ctrl+Shift+Z - Wiederholen

Oeffne die vollstaendige Kurzbefehlsreferenz ueber das obere Overflow-Menue -> Kurzbefehle.