draw and create graphics online
Web Application for Creating Vector Graphics in SVG
open janvas...

Selection and editing of the points on an SVG Path

The tool for selecting points allows you to select and edit the points that make up the geometries of the "Path SVG" graphic elements (geometry made up of points that define segments, such as: lines and curves).

Graphic elements, other than Path, can be converted into Path by clicking on the "Convert to Path" button in the element properties panel. For example, to edit the points of a text you must convert it to a Path first.

The selection also acts on the points of elements internal to others, such as those of a Path contained in a group.

This tool can be activated through the keyboard by pressing the [a] key.

Selection of points of a Path by clicking

In the event that there is no selected element, select one by clicking on it.
A selected Path element shows the resize handles of the points/vertices that form the geometry of the element. Click on a handle to select the point.

Selection of points of a path in rectangular area

You can also select points by creating a rectangular selection area.
Left-click and drag to create a rectangular area containing the points to be selected. When the mouse button is released, each point contained within the rectangular area will be selected.

Add points to current selection

You can add points to the current selection by holding down the [SHIFT] key and clicking on an unselected point.

Remove points from current selection

To remove a point from the current selection, hold down the [SHIFT] key and click on a selected element.

Move the selected points

To move the selected points, left-click on a selected point and drag the selection to a new position. 
To limit the movements on the X or Y axes, or at a certain angle (defined in the page properties panel) hold down the [SHIFT] key.

Edit the Line segments that make up the Path

The segments that form the geometry of a path can be dragged with the mouse.

Edit the Curve segments that make up the Path

A curve-type segment can be edited by dragging the curve with the mouse.

Edit the curves of the Path through the control points 

When selecting points of a curve, the handles of the control points allow the arc to be edited.
To modify a curve-type segment, drag the control points with the mouse. 

Delete a point from the Path by clicking

It is possible to remove a point from the Path by clicking on it while holding down the [ALT] key.

Delete selected points from the Path

The selected points can be removed by pressing the [DELETE] or [CANCEL] button.

Add new points to the Path

You can add a new point by clicking on a segment while holding down the [ALT] key. It is possible to create and drag the new point in one move.

Actions and modes of the tool

The "Element Selection" tool is enabled by double-clicking on the page or on the work environment.

When working in an "Isolated Layer", double-clicking in the work area will enable the exit from  the current "Isolated Layer".