Excalidraw🔖

Excalidraw ist ein hervoragendes Tool, welches ein interaktives Whiteboard bereitsstellt, welches zum Zeichen von Diagrammen mit einem von hand gezeichneten Stil benutzt werden kann.

Du kannst https://excalidraw.com/ verwenden, deine Zeichnung als JSON-Datei herunterladen, in den public-Ordner legen und ein Excalidraw Element erstellen (siehe unten).

Das Excalidraw Element akzeptiert drei Argumente:

• src: Der Pfad zur Excalidraw-Datei.
• aspectRatio: Um dein Excalidraw auf jedem Gerät schön anzeigen zu lassen, musst du ein Seitenverhältnis definieren. Zum Beispiel: "16/9", "4/3", "1/1".
• autoZoom: Standardmäßig wird dein Excalidraw so anzeigt, dass alles zu sehen ist, damit auch auf kleinen Geräten dein Excalidraw gut funktioniert. Diese Verhalten kannst du hier deaktivieren.
• edit: Erlaubt das Bearbeiten des Excalidraw.

::excalidraw{src="/excalidraw/hyperbook.excalidraw" aspectRatio="4/3"}
 
::excalidraw{src="/excalidraw/hyperbook.excalidraw" aspectRatio="4/3" autoZoom=false}
 
::excalidraw{src="/excalidraw/hyperbook.excalidraw" aspectRatio="4/3" autoZoom=false edit=true}

Bibliotheken hinzufügen🔖

Wenn du Bibliotheken hinzufügen möchtest, musst du diese von https://libraries.excalidraw.com herunterladen und über das Buch-Icon importieren.

Konfiguration🔖

Du kannst die Standardwerte des Excalidraw-Elements in der hyperbook.json ändern.

{
  "elements": {
    "excalidraw": {
      "aspectRatio": "4/3",
      "autoZoom": true,
      "edit": false
    }
  }
}