Skip to tool content
Toolioz logoToolioz
Home/Developer Tools/Drawesome Vector Studio ✦ (by Benji Taylor)

Start Drawing on Canvas

A mouse, touch screen, or stylus can draw. Pressure uses the device value, or 0.5 when the device reports none. Export writes an SVG or a PNG at twice the board size.

Quick Summary & Direct Answer
Design & Vector Studio

How to create vector drawings and export transparent SVGs free online?

Drawesome is a browser vector canvas with seven pens: pencil, ballpoint, fineliner, marker, highlighter, brush, and fountain pen. An area eraser subtracts part of a stroke. Export is SVG or a 2x PNG, with no account and no watermark.

Key Takeaways

  • Resolution-Independent Vector SVG — Export scalable SVG code for web apps, icons, and illustrations.
  • Area Subtraction Eraser — Subtract stroke geometry with real masking instead of deleting entire paths.
  • 7 Realistic Nib Presets — Pressure and velocity smoothing with fountain pen nib angle physics.
  • Drawings stay in the browser session. JSON save and load restores the strokes.

7 Realistic Pens

Pencil, ballpoint, technical fineliner, felt marker, highlighter, paint brush, and 45° calligraphy fountain pen with pressure-sensitive stroke smoothing.

Area Subtraction Eraser

A precise vector eraser that cuts through paths with polygon clipping algorithms rather than blindly deleting whole strokes.

Crisp SVG & JSON Export

Download an SVG, a PNG at twice the board size, or a project JSON file.

About Drawesome Free Online Vector Drawing Studio

Drawesome is a freehand vector canvas with pencil, pen, marker, brush, and fountain-pen tools, plus SVG and PNG export.

How to Use

  • 1Select a pen: pencil, fineliner, marker, calligraphy pen, or brush.
  • 2Line thickness, opacity, smoothing, and color come from the controls.
  • 3A pointer event records position. Pressure uses the device value, or 0.5 when the device reports none.
  • 4The eraser stores a stroke and hides drawing under it with an SVG mask.
  • 5Export downloads an SVG, a PNG at twice the board size, or a project JSON file.

Key Benefits

  • The page does not ask for an account, and the SVG or PNG has no watermark.
  • PNG export uses scale 2. The default board is 1600×1000, so that PNG is 3200×2000.
  • Pointer events pass pressure to the stroke. A mouse that reports no pressure uses 0.5.
  • Strokes are drawn in the page. The page still loads site assets.

Frequently Asked Questions

Drawesome does not require an account, and the SVG or PNG export has no watermark. The exported file is the visitor's to use.

The page does not add a watermark or ask for an account. It does not grant a separate license for the drawing.

The eraser stores a stroke and paints it black inside an SVG mask, which hides the drawing underneath. It does not split a path into new curves.

Export JSON downloads the strokes, layers, and pen settings. Open Project reads that file back onto the canvas.

Drawesome Vector Drawing Studio

Draw with realistic pens, erase areas, and export your artwork as SVG or PNG.