User Guide

eDraw User Guide

This document describes the core operations of eDraw: login, whiteboard writing, page management, PDF import/export, using geometry tools, creating AI drawing tools, and generating LaTeX questions from selection.

Quick Setup

  • Try eDraw for 15 minutes without signing in, then sign in with Google to continue.
  • Check your BASIC/PLUS/PRO plan on the avatar icon at the corner of the toolbar.
  • Enter your Gemini API Key if using AI features.
  • Install TeX Live or MiKTeX if you need to compile LaTeX questions.
1. Login

Google Authentication

You can use eDraw on the BASIC plan without signing in for a total of 15 minutes on this device. The remaining time appears in the window title. Used time is saved between launches; time while the app is closed does not count. Once the trial ends, sign in with Google to continue.

  • 1Click the account avatar at any time, or wait for the sign-in dialog when the trial ends, then choose Sign in with Google.
  • 2Complete the login process in the Google browser.
  • 3Return to eDraw. After your account is verified, your plan updates and you can continue on the same whiteboard without a time limit. If sign-in fails or is canceled, retry from the dialog.
2. Whiteboard

Writing, Selecting, and Managing Pages

  • 1Workspace: The whiteboard is where you write, draw shapes, place images, and view individual lesson pages.
  • 2Page Data: Each page stores its own strokes, shapes, floating images, and visibility state.
  • 3Direct Writing: Use the standard pen or highlighter to take notes, teach, and highlight content.
  • 4Selection: Use the selection tool to copy, cut, delete, or send content to AI.
  • 5Page Management: Add a new page when you need to separate lesson content or move to the next section.

Board Shortcuts

Ctrl+Z / Ctrl+YUndo or redo board actions.
Ctrl+ASelect all content on the current page.
Pan the board viewport.
Ctrl+→ / Ctrl+←Go to the next or previous page; on the last page, Ctrl+→ creates a new page.
Ctrl+↑ / Ctrl+↓Go to the first or last page.
EscExit main-window full screen; when not full screen, clear the current selection.

Board Mouse Controls

Left dragWrite, draw, or select according to the active tool.
Mouse wheelScroll vertically on the board.
Ctrl + mouse wheelZoom the page at the cursor location.
Middle dragPan the board viewport.
Right-click boardStart a quick rectangular selection.
Wheel over toolbarScroll the toolbar when tool groups overflow.
3. Drawing Tools

Pen, Highlighter, and Geometry

The toolbar groups tools by task: pen, highlighter, line, geometry, curve, polygon, image, PDF, AI, and settings.

The text tool accepts Markdown and LaTeX math such as $x+4=\frac{3}{2}$. eDraw prefers bundled MathJax in the desktop build; if WebEngine is still warming up or unavailable, the fallback keeps fractions stacked instead of showing plain superscript/subscript text.

Pen and Highlighter

Change color, thickness, opacity, and stroke style from the toolbar. Additional pen slots follow your account plan limits.

Lines and Shapes

Draw straight lines, arrows, special points/lines, curves, triangles, polygons, or custom AI-generated tools.

Region Fill and Borders

For curve, polygon, and free tools, toggle borders. For curve and polygon tools, also turn fill on/off and choose fill color, opacity, and pattern styles for clearer diagrams.

Board Navigation

Use the mouse wheel to scroll, hold the middle mouse button to pan, or use the keyboard while teaching quickly.

ControlAction in Drawing Tools
Ctrl+FToggle fill for curve and polygon tools.
Ctrl+BShow or hide borders for curve, polygon, and free tools.
Ctrl+JToggle first-last point closing for free tools.
Right-click with a variable-point custom toolFinish the custom tool after placing the required input points.

Fountain Pen

Open Board Settings → Pen to adjust fountain-pen smoothing from 0–100% (default 50%). Lower values follow your hand more closely; higher values reduce jitter. Choose Fast, Smooth, or Extra smooth edge quality (1×/2×/3×; default 2×). The written stroke stays in place when you lift the pen.

4. Selection & Floating Images

Reusing and Adjusting Board Content

Selection connects the whiteboard with clipboard actions, region export, and AI workflows. Once an area is selected, eDraw can lift it into a floating image so you can move, rotate, crop, mirror, or stamp it back onto the board.

Select Content

Use rectangular selection, free lasso selection, or right-click directly on the board to create a quick rectangular selection.

Adjust Floating Images

Drag to move, scroll to resize, hold Shift while scrolling to rotate, and hold Alt while dragging to crop or restore cropped parts.

Copy and Delete

Selections and floating images can be copied, cut, pasted, deleted, and mirrored horizontally or vertically. If a floating image is active, actions target it first.

Export Selection

When you only need part of the board, export the current selection to PNG, PDF, or clipboard instead of exporting the whole lesson.

ShortcutSelection / Floating Image Action
Ctrl+CCopy the active selection or floating image.
Ctrl+XCut the active selection or floating image.
Ctrl+VPaste an image from the clipboard as a floating image.
Ctrl+EExport the current selection to PNG, PDF, or clipboard.
Ctrl+TToggle cursor-based image transforms.
S + mouse wheelIncrease or decrease the active tool size.
C + mouse wheelSample the background under the cursor and switch the stroke color to a random color that passes WCAG contrast CR >= 4.5.
Ctrl+Shift+TDraw or select an object on the board, then press Ctrl+Shift+T to open the experimental transform group. Choose a mode to turn that object into a warped image, moving particle, surface of revolution, or interactive robot.
Ctrl + image dragDuplicate the floating image at its old position, then drag the new copy; keep holding Ctrl to leave a trail of copies.
Ctrl+Shift + transform actionDuplicate the floating image at its old position, then transform the new copy.
Shift+←/→Mirror the selection or floating image horizontally.
Shift+↑/↓Mirror the selection or floating image vertically.
DeleteDelete the active selection or floating image.
MouseFloating Image Action
Left drag inside imageMove the floating image.
Ctrl + left drag inside imageDuplicate the floating image at its old position, then drag the new copy; keep holding Ctrl to leave a trail of copies.
Ctrl+Shift + drag / mirror keyDuplicate the floating image at its old position, then scale or mirror the new copy.
Ctrl+Shift + mouse wheelDuplicate the floating image on each rotate step, leaving a trail of angles.
Alt + mouse wheel while Ctrl+T is onTranslate by parameter t: wheel down moves toward the cursor, wheel up moves farther away.
Ctrl+Alt + mouse wheel while Ctrl+T is onTranslate by parameter t and leave a copy trail on each step.
Ctrl + mouse wheel while Ctrl+T is onScale by parameter t around the cursor, including near-zero and negative-side states, while leaving a scale trail on each step.
Mouse wheelScale the floating image up or down.
Shift + mouse wheelRotate the floating image.
Shift + left dragScale the image non-uniformly from the dragged edge.
Alt + left dragCrop the image or drag outward to restore cropped content.
Left-click outside imageStamp the floating image onto the board.

Function Graph from an Expression

Press Ctrl+Shift+T, choose Function graph from an expression in Calculus, then drag a frame around y=f(x) on the board. Configure a Gemini API key in Settings first. A waiting indicator appears during recognition; the resulting preview includes sliders and number fields for parameters such as a and b in y=a*x^2+b. The graph opens in a separate dialog. Press Escape while selecting to cancel.

5. Text Editing

Markdown, Math, and Rendered Text Images

Type mode lets you place an editor on the board, write Markdown, MathJax, and TikZJax, then render the result without stamping it immediately. Plain Markdown stays as a movable floating text object, while MathJax and TikZJax output becomes a high-resolution floating image.

  • 1Select the Type tool and click where the text block should appear.
  • 2Enter text, formulas, or TikZ code in the editor.
  • 3Render the content, review the layout, then stamp the floating text with right-click or stamp the floating image by clicking outside it.
Key / MouseType Mode Action
Left-click boardCreate a new editor or reopen existing placed text.
Ctrl+EnterRender plain Markdown as floating text, or MathJax/TikZJax as a floating image.
Shift+EnterIn TeXstudio split layout, capture editor and preview as a high-resolution floating image.
Right-click floating contentStamp the active floating text or image onto the board.
EscCancel the open editor.
6. PDF and Images

Importing Documents and Exporting Lessons

  • 1Insert PDF/Image: open a PDF or image file, or paste an image from the clipboard as a floating image.
  • 2Import PDF: convert each PDF page into a teaching page in eDraw.
  • 3Export PDF: save all board contents after teaching.

Import Documents

Multi-page PDFs are split into separate board pages, making it easy to teach and annotate each page directly.

Images from Clipboard

Copied images, screenshots, or image files in the clipboard are added as floating images so you can adjust them before stamping.

Export Lessons

Export all slides to PDF after teaching; if you only need one area, use selection export.

Display Quality

When importing large PDFs or images, eDraw fits content to the board width and keeps longer content scrollable.

ShortcutPDF / Image Action
Ctrl+OInsert a PDF or image from a file.
Ctrl+VPaste an image from the clipboard onto the board.
Ctrl+SExport the full lesson to PDF.
Ctrl+EExport the current selection to PNG, PDF, or clipboard.
7. Mirror

Presenting the Board on a Second Display

The mirror window is a read-only presentation window for two-screen teaching. It shows the same board viewport currently visible in the main window, including writing, scroll, zoom, and the pen-hand cursor.

Open the Window

Open the mirror window, then move it to a second display or projector. If it is already open, calling it again brings it forward.

Full Screen

Full screen is controlled by the focused window: the main window controls itself, and the mirror window controls itself.

ShortcutMirror Window Action
Ctrl+MOpen or bring forward the mirror window.
F11Toggle full screen for the focused window.
EscExit mirror full screen when the mirror window is full screen.
8. AI

Generating Drawing Tools with Gemini

In the line, special point/line, curve, or polygon menu, select Add new tool (AI)..., and enter a description of the tool to be created. eDraw sends the request to Gemini, extracts the Python code, verifies the description metadata, and test compiles it before installing it onto the toolbar.

The TikZ AI command uses the current selection, asks Gemini to redraw it as TikZ code, opens an editor/preview window, then lets you recompile, copy the code or image, or push the result back to the board.

The Handwriting AI command uses the current selection, asks Gemini to read the full text plus positioned blocks, then renders handwriting block by block. Math formulas are rendered through the bundled MathJax shell when available, with a local Pillow fallback, and the transparent result returns as a floating image that you can move, resize, rotate, crop, or stamp.

Generating LaTeX Questions from Selection

Select sample content on the board and send it to Gemini to generate LaTeX questions on the same topic. The result is pre-processed, compiled using a template, and inserted as a new image page.

  • 1Select the content area to use as input data.
  • 2Enter the Gemini API Key/model, number of questions, and topic suggestions.
  • 3Check the result page after eDraw finishes compiling.
Key / MouseAI Action
Ctrl+GCreate AI questions from the selected area, or switch to selection if no source is selected.
Right-click in AI tool menuOpen rename, view/edit code, or delete options for an AI tool.

Only PRO accounts can open the AI tool code viewer/editor.

9. Code Figures

Drawing with TikZ or Python code (Lập trình vẽ)

The figure-code button next to the Type tool opens a dialog where you can either write a full TikZ standalone document or use eDraw's Python drawing API. Each compiled figure can expose sliders, so a single drawing reacts to parameter changes without re-running the dialog.

  • 1Click the Code figure button on the toolbar (right of the Type tool) to open the dialog.
  • 2Pick a backend: TikZ for full LaTeX/TikZ documents, or eDraw Python for sandboxed Python that calls ed.* drawing methods.
  • 3Start from a built-in template or open the Templates menu to load one you saved earlier. Right-click templates to rename, edit code, or remove them.
  • 4Set the logical width/height in the top bar, type or paste code, then press Ctrl+Enter (or the Compile button). The render runs on a background thread, so dialog typing stays responsive.
  • 5When parameters appear, drag the right-side sliders to preview the result live. Slider changes are debounced and the latest pending render always wins.
  • 6Press Push to board to place the figure as a floating element. Right-click the floating image on the board to stamp it as a re-editable code figure; a left-click outside cancels the placement instead of stamping.
  • 7After stamping, double-click the figure to bring back the parameter panel. Use Edit code to reopen the dialog, or Convert to image to bake it into a static image element.

Static vs. dynamic figures

Static figures have no sliders. Dynamic figures expose at least one slider — registered through PARAMS in eDraw Python or detected from a top-level \foreach \var in {...} outside tikzpicture in TikZ.

Built-in templates

Four ready-to-go starters cover static and dynamic figures for both backends. Use them as quick references for the API surface, then save your own templates from the dialog footer.

Ask Gemini for code

Press Ctrl+G inside the dialog to draft code with Gemini. When the editor is empty Gemini returns a complete file; when there is code already it returns only a snippet for the cursor location.

Transparent preview

Use the transparent-mode button in the top bar to remove the dialog background so you can compare the figure against board content while tuning it.

Key / ActionEffect in the Code Figure dialog
Ctrl+EnterCompile current code and render with the active parameter values.
Ctrl+GAsk Gemini for code: a full file when the editor is empty, otherwise a snippet inserted at the cursor.
Drag a sliderRe-render the figure on a worker thread; the previous pending render is dropped to keep the UI smooth.
Right-click on a template itemRename, edit, or remove the template (PRO accounts can also remove built-in templates).
Right-click a floating figure on the boardStamp it as a re-editable code figure (or as a static image if the figure was cropped).
Double-click a stamped code figureOpen the floating parameter panel to drag sliders, edit code, or convert to a static image.

Code-based figures are unlimited on all plans. BASIC and PLUS users can write TikZ and save templates within their quota; the integrated Python/eDraw source and built-in template source editing are reserved for accounts with source-edit permission.

10. Recording

Recording the eDraw window

Press Ctrl+R to start recording the eDraw main window, then press Ctrl+R again to stop. eDraw saves the video inside the operating-system Movies/Videos folder under an eDraw/ subfolder.

  • 1Make sure the main window is visible (not minimized) before pressing Ctrl+R.
  • 2A red recording indicator appears on the toolbar and counts elapsed time.
  • 3Press Ctrl+R again or close the window to stop. The status bar displays the saved file path.

Teaching flow

Board content, mirror display, and cursor gestures are recorded together so the lesson is easy to share afterward.

Output file

The video is saved in the operating-system video folder and can be opened with common video players.

ShortcutRecording action
Ctrl+RStart or stop recording the eDraw main window.
Close windowRecording stops automatically and the file is finalized before exit.
11. Account Plans

BASIC/PLUS/PRO Quotas

BASIC

Add up to 1 pen/highlighter, up to 2 AI tools per group, 2 saved code-figure templates, no AI tool code editing, and no code-figure source editing.

PLUS

Add up to 5 pens/highlighters, up to 5 AI tools per group, 5 saved templates, no AI tool code editing, and no code-figure source editing.

PRO

Unlimited pens/highlighters, AI tools, and templates. Can view/edit AI tool code, edit code-figure source, and remove built-in templates.

Fallback

If the account cannot be verified, eDraw uses any remaining BASIC trial time. A verified account without an assigned plan uses BASIC without the guest time limit.

12. Frequently Asked Questions

Quick Troubleshooting

Cannot log in

Check the network, default browser, and try logging out and reopening the app.

Plan not updated

Ensure the administrator has granted the correct usage plan, then log in again.

AI doesn't run

Check the Gemini API Key/model and the quota of the Google account.

LaTeX doesn't compile

Install TeX Live or MiKTeX and make sure pdflatex is in the PATH.

13. Controls Appendix

Complete Keyboard and Mouse Reference

Keyboard Shortcuts

ShortcutAction
Ctrl+OInsert a PDF or image from a file.
Ctrl+SExport the full lesson to PDF.
Ctrl+EExport the current selection to PNG, PDF, or clipboard.
Ctrl+Shift+ESave the active simulation state to a portable *.edrawsim.json file.
Ctrl+Shift+OOpen a *.edrawsim.json simulation on the current board page.
Ctrl+BShow or hide borders for curve, polygon, and free tools.
Ctrl+FToggle fill for curve and polygon tools.
Ctrl+JToggle first-last point closing for free tools.
Ctrl+GCreate AI questions from selection or switch to selection mode.
Ctrl+MOpen or bring forward the mirror window.
Ctrl+RStart or stop recording the full eDraw window.
S + mouse wheelIncrease or decrease the active tool size.
C + mouse wheelSample the background under the cursor and switch the stroke color to a random color that passes WCAG contrast CR >= 4.5.
Ctrl+TToggle cursor-based image transforms.
Ctrl+Shift+TDraw or select an object on the board, then open the experimental transform group. Choose a mode to turn that object into a simulation or interactive object.
Ctrl+ZUndo.
Ctrl+YRedo.
Ctrl+ASelect all content on the current page.
Ctrl+CCopy the active selection or floating image.
Ctrl+XCut the active selection or floating image.
Ctrl+VPaste an image from the clipboard onto the board.
Ctrl+→ / Ctrl+←Go to the next or previous page.
Ctrl+↑ / Ctrl+↓Go to the first or last page.
Pan the board viewport.
Shift+← / Shift+→Mirror the selection or floating image horizontally.
Shift+↑ / Shift+↓Mirror the selection or floating image vertically.
DeleteDelete the active selection or floating image.
F11Toggle full screen for the focused window.
EscExit full screen; in the main window, clear selection when not full screen; in Type editor, cancel editing.
Ctrl+EnterIn Type mode, render Markdown/MathJax/TikZJax into a floating image. In the Code Figure dialog, compile and render.
Shift+EnterIn TeXstudio split layout, capture editor and preview as a floating image.
Ctrl++ / Ctrl+=In the Type editor, increase the preview font size.
Ctrl+- / Ctrl+_In the Type editor, decrease the preview font size.
Ctrl+G in dialogIn the Code Figure dialog, ask Gemini to draft code (full file or snippet at cursor).

Mouse Controls

Mouse ControlAction
Left drag on boardWrite, draw, or select according to the active tool.
Left-click in Type modeCreate a new editor or edit existing placed text.
Mouse wheel on boardScroll vertically on the board.
Ctrl + mouse wheelZoom the full page at the cursor location.
Middle dragPan the board viewport.
Right-click boardStart a quick rectangular selection.
Right-click in AI tool menuOpen rename, view/edit code, or delete options.
Right-click with a variable-point custom toolFinish the custom tool after placing points.
Left drag inside floating imageMove the floating image.
Ctrl + left drag inside floating imageDuplicate the floating image at its old position, then drag the new copy; keep holding Ctrl to leave a trail of copies.
Ctrl+Shift + drag / mirror keyDuplicate the floating image at its old position, then scale or mirror the new copy.
Ctrl+Shift + mouse wheelDuplicate the floating image on each rotate step, leaving a trail of angles.
Alt + mouse wheel while Ctrl+T is onTranslate by parameter t: wheel down moves toward the cursor, wheel up moves farther away.
Ctrl+Alt + mouse wheel while Ctrl+T is onTranslate by parameter t and leave a copy trail on each step.
Ctrl + mouse wheel while Ctrl+T is onScale by parameter t around the cursor, including near-zero and negative-side states, while leaving a scale trail on each step.
Mouse wheel with floating image activeScale the floating image up or down.
Shift + mouse wheel with floating image activeRotate the floating image.
Shift + left drag inside floating imageScale the image non-uniformly.
Alt + left drag inside floating imageCrop the image or restore cropped content.
Left-click outside floating imageStamp the floating image onto the board.
Mouse wheel over toolbarScroll through tool groups when the toolbar overflows.
Double-click a stamped code figureOpen the floating parameter panel to drag sliders, edit code, or convert the figure to a static image.
Right-click a floating code figureStamp it as a re-editable code figure (or as a static image if cropped).

On macOS, combinations shown with Ctrl usually map to Command when the app receives the operating system's primary modifier. For context menus, use Ctrl-click or the trackpad secondary-click gesture.