Draw freehand on images with pen, brush, shapes, and eraser tools.
Image Drawing Tool provides a manual drawing surface over an image. Use the pen or brush for freehand paths, place shapes for regular outlines or callouts, and pass the eraser over mistakes. It is meant for visible markup, not for measuring dimensions, recognizing objects, or generating a drawing from a prompt. The easy mistake is expecting the tool to understand image boundaries: a stroke, shape, or erasure follows the area you indicate, even when it crosses content you intended to preserve.
Pen and brush modes create freehand marks from pointer movement. Press at the starting point, drag along the desired route, and release at the endpoint. The pen suits narrow, controlled notation, while the brush suits broader coverage. Neither mode traces an image edge or closes a region automatically; the path comes from the user's gesture.
Shape mode replaces an irregular hand-drawn route with a regular geometric mark. The user chooses an available shape and indicates its placement and extent on the image. This is useful for consistent borders or callouts around areas of interest. The eraser is manual as well: move it across unwanted drawing and inspect the result, especially near content that must remain visible.
No. The drawing controls are manual rather than object-selection or segmentation controls. A pen or brush follows the path you draw, and a shape marks the bounds you choose. A tight outline around hair, foliage, or another complex edge requires careful tracing because the tool does not infer the subject's boundary.
No. The eraser is for correcting drawing marks, not for reconstructing the scene that would have existed behind a photographed object. Removing a person, wire, blemish, or other original feature requires a photo-retouching tool that can clone, replace, or synthesize surrounding image content.
The behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Pick colors visually and convert between HEX, RGB, HSL, and CMYK formats.
Preview how screen colors translate to print with CMYK simulation and proofing.
Preview any Google Font at various sizes, weights, and with custom sample text.
Create linear, radial, and conic CSS gradients with a visual editor and code output.
Generate harmonious color palettes from a base color using color theory rules.
Simulate how colors appear to people with various types of color vision deficiency.