Do I need to install anything?

No. The editor runs entirely in your browser with no plugins or dependencies.

What shapes can I draw?

You can draw freehand paths (click-to-place points), straight lines, rectangles, circles, and ellipses.

Can I edit the SVG code directly?

The live source panel shows the generated SVG and you can copy it for further editing in any text editor or vector application.

How do I finish a freehand path?

Double-click or press Escape to close/finish the current path.

Developer 免费无需注册

SVG Draw Editor

Draw and edit SVG shapes in the browser

正在加载工具…

关于此工具

A lightweight, browser-based SVG editor. Click to place points and draw freehand paths, or switch to shape mode for lines, rectangles, circles, and ellipses. Customize fill color, stroke color, and stroke width for each element. The live SVG source updates as you draw—copy it to the clipboard or download it as a .svg file.

使用方法

1 Select a tool from the toolbar: Path, Line, Rectangle, Circle, or Ellipse.
2 Click (and drag for shapes) on the canvas to draw.
3 Double-click or press Escape to finish a path.
4 Adjust fill, stroke color, and stroke width in the properties panel.
5 Copy the SVG source or click 'Download .svg' to save your work.

关于此工具

使用方法

常见问题