Zum Hauptinhalt springen

Sketchpad

Ein Zeichnungsskizzenblock für Notizen auf Vorlesungsfolien oder leeren Seiten.

Optionen​

  • autoSave | boolean: steuert, ob der Editor den aktuellen Text in einem bestimmten Zeitintervall in den lokalen Speicher des Browsers speichern soll. Default: true.
  • feedbackButtons | boolean: steuert, ob auf jeder Folie Feedback-Schaltflächen angezeigt werden sollen. Default: false.
  • intervalTime | number: Zeit zwischen automatischen Speicherungen. Default: 10000.
  • hideInputButtons | boolean: steuert, ob Zeichen- und Texteingabetasten ausgeblendet werden sollen. Default: false.
  • hideNavigationButtons | boolean: steuert, ob Schaltflächen zum Navigieren zwischen Seiten ausgeblendet werden sollen. Default: false.
  • hideSaveButtons | boolean: steuert, ob die Speichertasten ausgeblendet werden sollen. Default: false.
  • hideTransmitButtons | boolean: steuert, ob Schaltflächen zum Übertragen von Benutzeraktionen ausgeblendet werden sollen. Default: false.
  • brushSize | number: Größe des Pinsels, mit dem gemalt werden soll. Default: 4.
  • color | string: Farbe des Pinsels und der Texte. Default: '#444444'.
  • canvasWidth | number: Breite des Canvas-Elements (in px). Default: 1200.
  • canvasHeight | number: Höhe des Canvas-Elements (in px). Default: 700.
  • fullscreen | boolean: steuert, ob die Größe der Leinwand automatisch an die Breite und Höhe des Browserfensters angepasst werden soll. Default: false.
  • fill | string: wenn horizontal, wird beim Zeichnen einer PDF-Datei der gesamte verfügbare horizontale Raum gefüllt; wenn vertical, wird der gesamte vertikale Raum verwendet, um einen Überlauf der y-Achse zu verhindern. Default: 'vertical'.
  • disabled | boolean: ob die Komponente schreibgeschützt werden soll und das Zeichnen auf dem Skizzenblock verboten werden soll. Default: false.
  • fontFamily | string: Schriftfamilie. Default: 'Arial'.
  • fontSize | number: Schriftgröße. Default: 24.
  • nodes | object: Komponenten, die über den angegebenen Folien gerendert werden sollen; Schlüssel sollte den Seitenzahlen entsprechen, Werte den Komponenten. Default: {}.
  • noPages | number: ursprüngliche Seitenzahl. Default: 1.
  • pdf | string: Link zur PDF-Datei für eingebrannte Seitenhintergründe. Default: none.
  • showTutorial | boolean: Tutorial für den Skizzenblock beim Starten anzeigen. Default: false.
  • dynamicallyHideButtons | boolean: steuert, ob Schaltflächen ausgeblendet werden sollen, wenn die Breite der Symbolleiste nicht ausreicht (andernfalls wird eine neue Zeile begonnen). Default: false.
  • transmitOwner | boolean: ob Besitzeraktionen in Echtzeit an andere Benutzer übertragen werden sollen. Default: true.
  • groupMode | boolean: steuert, ob alle Aktionen des Benutzers an alle anderen übertragen werden. Default: false.
  • style | object: CSS-Inline-Stile. Default: {}.
  • onChange | function: Callback, der immer dann aufgerufen wird, wenn ein neues Linienelement gezeichnet wird. Default: onChange() {}.

Beispiele​

Live-Editor
Ergebnis
ReferenceError: Provider is not defined