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+Y | Undo or redo board actions. |
Ctrl+A | Select 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. |
Esc | Exit main-window full screen; when not full screen, clear the current selection. |
Board Mouse Controls
| Left drag | Write, draw, or select according to the active tool. |
| Mouse wheel | Scroll vertically on the board. |
Ctrl + mouse wheel | Zoom the page at the cursor location. |
| Middle drag | Pan the board viewport. |
| Right-click board | Start a quick rectangular selection. |
| Wheel over toolbar | Scroll 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.
| Control | Action in Drawing Tools |
Ctrl+F | Toggle fill for curve and polygon tools. |
Ctrl+B | Show or hide borders for curve, polygon, and free tools. |
Ctrl+J | Toggle first-last point closing for free tools. |
| Right-click with a variable-point custom tool | Finish 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.
| Shortcut | Selection / Floating Image Action |
Ctrl+C | Copy the active selection or floating image. |
Ctrl+X | Cut the active selection or floating image. |
Ctrl+V | Paste an image from the clipboard as a floating image. |
Ctrl+E | Export the current selection to PNG, PDF, or clipboard. |
Ctrl+T | Toggle cursor-based image transforms. |
S + mouse wheel | Increase or decrease the active tool size. |
C + mouse wheel | Sample the background under the cursor and switch the stroke color to a random color that passes WCAG contrast CR >= 4.5. |
Ctrl+Shift+T | Draw 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 drag | Duplicate the floating image at its old position, then drag the new copy; keep holding Ctrl to leave a trail of copies. |
Ctrl+Shift + transform action | Duplicate 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. |
Delete | Delete the active selection or floating image. |
| Mouse | Floating Image Action |
| Left drag inside image | Move the floating image. |
Ctrl + left drag inside image | Duplicate 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 key | Duplicate the floating image at its old position, then scale or mirror the new copy. |
Ctrl+Shift + mouse wheel | Duplicate the floating image on each rotate step, leaving a trail of angles. |
Alt + mouse wheel while Ctrl+T is on | Translate by parameter t: wheel down moves toward the cursor, wheel up moves farther away. |
Ctrl+Alt + mouse wheel while Ctrl+T is on | Translate by parameter t and leave a copy trail on each step. |
Ctrl + mouse wheel while Ctrl+T is on | Scale by parameter t around the cursor, including near-zero and negative-side states, while leaving a scale trail on each step. |
| Mouse wheel | Scale the floating image up or down. |
Shift + mouse wheel | Rotate the floating image. |
Shift + left drag | Scale the image non-uniformly from the dragged edge. |
Alt + left drag | Crop the image or drag outward to restore cropped content. |
| Left-click outside image | Stamp 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 / Mouse | Type Mode Action |
| Left-click board | Create a new editor or reopen existing placed text. |
Ctrl+Enter | Render plain Markdown as floating text, or MathJax/TikZJax as a floating image. |
Shift+Enter | In TeXstudio split layout, capture editor and preview as a high-resolution floating image. |
| Right-click floating content | Stamp the active floating text or image onto the board. |
Esc | Cancel 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.
| Shortcut | PDF / Image Action |
Ctrl+O | Insert a PDF or image from a file. |
Ctrl+V | Paste an image from the clipboard onto the board. |
Ctrl+S | Export the full lesson to PDF. |
Ctrl+E | Export 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.
| Shortcut | Mirror Window Action |
Ctrl+M | Open or bring forward the mirror window. |
F11 | Toggle full screen for the focused window. |
Esc | Exit 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 / Mouse | AI Action |
Ctrl+G | Create AI questions from the selected area, or switch to selection if no source is selected. |
| Right-click in AI tool menu | Open 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 / Action | Effect in the Code Figure dialog |
Ctrl+Enter | Compile current code and render with the active parameter values. |
Ctrl+G | Ask Gemini for code: a full file when the editor is empty, otherwise a snippet inserted at the cursor. |
| Drag a slider | Re-render the figure on a worker thread; the previous pending render is dropped to keep the UI smooth. |
| Right-click on a template item | Rename, edit, or remove the template (PRO accounts can also remove built-in templates). |
| Right-click a floating figure on the board | Stamp it as a re-editable code figure (or as a static image if the figure was cropped). |
| Double-click a stamped code figure | Open 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.
| Shortcut | Recording action |
Ctrl+R | Start or stop recording the eDraw main window. |
| Close window | Recording 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
| Shortcut | Action |
Ctrl+O | Insert a PDF or image from a file. |
Ctrl+S | Export the full lesson to PDF. |
Ctrl+E | Export the current selection to PNG, PDF, or clipboard. |
Ctrl+Shift+E | Save the active simulation state to a portable *.edrawsim.json file. |
Ctrl+Shift+O | Open a *.edrawsim.json simulation on the current board page. |
Ctrl+B | Show or hide borders for curve, polygon, and free tools. |
Ctrl+F | Toggle fill for curve and polygon tools. |
Ctrl+J | Toggle first-last point closing for free tools. |
Ctrl+G | Create AI questions from selection or switch to selection mode. |
Ctrl+M | Open or bring forward the mirror window. |
Ctrl+R | Start or stop recording the full eDraw window. |
S + mouse wheel | Increase or decrease the active tool size. |
C + mouse wheel | Sample the background under the cursor and switch the stroke color to a random color that passes WCAG contrast CR >= 4.5. |
Ctrl+T | Toggle cursor-based image transforms. |
Ctrl+Shift+T | Draw 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+Z | Undo. |
Ctrl+Y | Redo. |
Ctrl+A | Select all content on the current page. |
Ctrl+C | Copy the active selection or floating image. |
Ctrl+X | Cut the active selection or floating image. |
Ctrl+V | Paste 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. |
Delete | Delete the active selection or floating image. |
F11 | Toggle full screen for the focused window. |
Esc | Exit full screen; in the main window, clear selection when not full screen; in Type editor, cancel editing. |
Ctrl+Enter | In Type mode, render Markdown/MathJax/TikZJax into a floating image. In the Code Figure dialog, compile and render. |
Shift+Enter | In 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 dialog | In the Code Figure dialog, ask Gemini to draft code (full file or snippet at cursor). |
Mouse Controls
| Mouse Control | Action |
| Left drag on board | Write, draw, or select according to the active tool. |
| Left-click in Type mode | Create a new editor or edit existing placed text. |
| Mouse wheel on board | Scroll vertically on the board. |
Ctrl + mouse wheel | Zoom the full page at the cursor location. |
| Middle drag | Pan the board viewport. |
| Right-click board | Start a quick rectangular selection. |
| Right-click in AI tool menu | Open rename, view/edit code, or delete options. |
| Right-click with a variable-point custom tool | Finish the custom tool after placing points. |
| Left drag inside floating image | Move the floating image. |
Ctrl + left drag inside floating image | Duplicate 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 key | Duplicate the floating image at its old position, then scale or mirror the new copy. |
Ctrl+Shift + mouse wheel | Duplicate the floating image on each rotate step, leaving a trail of angles. |
Alt + mouse wheel while Ctrl+T is on | Translate by parameter t: wheel down moves toward the cursor, wheel up moves farther away. |
Ctrl+Alt + mouse wheel while Ctrl+T is on | Translate by parameter t and leave a copy trail on each step. |
Ctrl + mouse wheel while Ctrl+T is on | Scale 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 active | Scale the floating image up or down. |
Shift + mouse wheel with floating image active | Rotate the floating image. |
Shift + left drag inside floating image | Scale the image non-uniformly. |
Alt + left drag inside floating image | Crop the image or restore cropped content. |
| Left-click outside floating image | Stamp the floating image onto the board. |
| Mouse wheel over toolbar | Scroll through tool groups when the toolbar overflows. |
| Double-click a stamped code figure | Open the floating parameter panel to drag sliders, edit code, or convert the figure to a static image. |
| Right-click a floating code figure | Stamp 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.