About Online Whiteboard
A freeform drawing canvas using the HTML5 Canvas API with pointer events for mouse and stylus support. Pick a color, adjust brush thickness (1–16px), and draw directly. The canvas resizes to fit the browser width at a fixed 420px height. Clear the board or download your sketch as a PNG image.
- Pointer event-based drawing with <code>setPointerCapture</code> for smooth strokes
- Color picker and thickness slider (1–16px) with round line caps
- Canvas auto-resizes on window resize while preserving existing drawing data
- Download as PNG with <code>canvas.toDataURL()</code>
Frequently Asked Questions
- Can I add text or shapes to the whiteboard?
- The current version supports freehand drawing only. For text, draw it by hand or use the Online Notepad tool alongside it. For precise shapes, a vector drawing tool would be more appropriate.
- Does the drawing persist after I close the browser?
- No. The canvas state is not saved to localStorage. Download your sketch as a PNG before closing the tab if you want to keep it.