Advanced shape operations

Vecta contains really powerful tools normally not seen on web applications, that enable you to make amazingly complex shapes with just a few simple operations.

Grouping shapes

To group shapes:

  • Select multiple shapes using the pointer tool
  • Right click, select Operations | Group or use the keyboard and press Ctrl + G
Grouping shapes in Vecta
Grouping shapes in Vecta

Ungrouping shapes

To ungroup shapes:

  • Select a grouped shape
  • Right click and select Operations | Ungroup or press Ctrl + Shift + G

Grouped shapes with text

Each grouped shape can have their own text, in addition to text on sub shapes.

Example of grouped shape having their own text
Example of grouped shape having their own text

Flip vertical

To flip a shape vertically:

  • Select the shape, right click and select Operations | Flip vertical
Flipping a shape vertically
Flipping a shape vertically

Flip horizontal

To flip a shape horizontally:

  • Select the shape, right click and select Operations | Flip horizontal
Flipping a shape horizontally
Flipping a shape horizontally

Fragment shapes

To fragment shapes:

  • Select 2 or more shapes, then right click and select Operations | Fragment
Fragmenting shapes
Fragmenting shapes
How to fragment shapes
How to fragment shapes

Union shapes

  • Select 2 or more shapes, then right click and select Operations | Union
Union shapes
Union shapes
How to union shapes
How to union shapes

Difference shapes

  • Select 2 or more shapes, then right click and select Operations | Difference
Difference shapes
Difference shapes
How to difference shapes
How to difference shapes

Intersect shapes

  • Select 2 or more shapes, then right click and select Operations | Intersect
Intersect shapes
Intersect shapes
How to intersect shapes
How to intersect shapes

Flatten shapes

Flattening operations removes shapes that is under another shape.

Flatten shapes
Flatten shapes
How to flatten shapes
How to flatten shapes

Flattening is useful to produce SVG drawings suitable for plotters and laser cutters that detects paths and cut according to these paths. By flattening shapes, we ensure that paths that is hidden under another shape is not generated.

How flattening works

Flattening removes shapes and paths underneath filled shapes (irrespective of their filled color and opacity).

Flatten only removes when shapes are filled
Flatten only removes when shapes are filled

Flattening will not remove shapes if the shape that is on top is not filled.

Trimming shapes

Trimming shapes essentially split a shape into its strokes.

To trim shapes:

  • Select multiple shapes, then right click and select Operations | Trim
Trimming shapes
Trimming shapes

Joining paths

Join essentially joins multiple paths into a single path and is the reverse of a trim operation. Paths must have a begin or end point that is at the same position as another begin or end point, to be joined.

To join paths:

  • Select multiple paths, then right click and select Operations | Join
Example of trimming and joining
Example of trimming and joining

Outline text

 See also 

Converting shapes to path

Rectangles, ellipses and circles can be converted to paths for easier scaling.

To convert to paths:

  • Select rectangles or ellipses, then right click and select Operations || Convert to paths

Why convert to path?

If you have a rectangle with rounded corners, resizing the rectangle does not resize the rounded corners.

Resizing a rounded rectangle
Resizing a rounded rectangle

If converted to paths, the rounded corners will also get resize proportionally.

Resizing a rounded rectangle which is converted to path
Resizing a rounded rectangle which is converted to path
vecta.io Early Access