> ## Documentation Index
> Fetch the complete documentation index at: https://rive-android-hoist-worker.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Edit Vertices

> No matter the type of vector you create, you can edit the vertices by changing their position or handles in both design and animate mode.

export const VideoEmbed = ({src, maxWidth}) => {
  return <div style={{
    height: "100%"
  }}>
      <video src={src} autoPlay loop muted playsInline style={{
    width: "100%",
    maxWidth: maxWidth || "100%",
    height: "100%",
    borderRadius: 0,
    margin: 0,
    display: "block",
    objectFit: "cover",
    backgroundColor: "transparent"
  }} />
    </div>;
};

export const YouTube = ({id, timestamp}) => {
  const videoSrc = timestamp ? `https://www.youtube.com/embed/${id}?start=${timestamp}` : `https://www.youtube.com/embed/${id}`;
  return <iframe width="100%" height="400" src={videoSrc} title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerPolicy="strict-origin-when-cross-origin" allowFullScreen />;
};

## Edit vertices mode

To enter Edit Vertices mode, either select the shape and hit enter twice or select a path and hit enter once.

<img src="https://mintcdn.com/rive-android-hoist-worker/MySdukJtFjgsPF1E/images/EVM.gif?s=58331bcdd8e9d279f30e3dfd505e9899" alt="Entering Edit Vertices mode to show the vertices and bezier handles of a rectangle on the stage" width="800" height="458" data-path="images/EVM.gif" />

After activating Edit Vertices mode, you can select any vertex, reposition it, and edit the bezier handles.

<Tip>
  Use [Deep Select](/editor/interface-overview/selection-and-navigation#deep-select) to select a specific path inside nested groups on the stage.
</Tip>

### Path options

Each path in Edit Vertices mode has a set of path options at the top of the Inspector.

#### Done Editing Button

The Done Editing button can be used to exit Edit Vertices Mode.

<img src="https://mintcdn.com/rive-android-hoist-worker/MySdukJtFjgsPF1E/images/DoneEdit.png?fit=max&auto=format&n=MySdukJtFjgsPF1E&q=85&s=70cf9d28db4dbcc1464024c1ce2d8d73" alt="Done Editing button at the top of the path options in the Inspector" width="2808" height="1606" data-path="images/DoneEdit.png" />

#### Open Path

The Open Path button will disconnect the last vertex from the first vertex.

<img src="https://mintcdn.com/rive-android-hoist-worker/MySdukJtFjgsPF1E/images/OpenPath.png?fit=max&auto=format&n=MySdukJtFjgsPF1E&q=85&s=6a69cea2f09154ebd17f13a18c2732d6" alt="Open Path button in the path options at the top of the Inspector, right below the Done Editing button" width="2808" height="1606" data-path="images/OpenPath.png" />

#### Reverse Direction

<YouTube id="zp2NNsSTfO8" />

The Reverse Direction button can be used to reverse the direction of the path. Depending on the Fill-Rule, this can eliminate holes in our shape by changing the mathematical value of the selected path.

#### Convert Radial Corners

Straight vertices with a corner radius will deform when the scale transform is applied to the shape or path layer. You can convert radial corners from a procedural property to a defined set of vertices. This process will eliminate deformation of the corner.

<img src="https://mintcdn.com/rive-android-hoist-worker/MySdukJtFjgsPF1E/images/convert.gif?s=94a5039776b5ec566b7240501789e600" alt="Convert Radial Corners button in the path options converts a single rounded corner into two vertices on the stage" width="800" height="458" data-path="images/convert.gif" />

#### Simplify

Use **Simplify** to reduce the number of vertices in a path while preserving its overall shape.

<VideoEmbed src="https://static.rive.app/video/simplify-path.mp4" />

* **Tolerance** controls how far the simplified path can deviate from the original path. Higher values allow greater changes and can remove more vertices.
* **Corner Angle** controls which angles are preserved as corners.
* **Straight Lines** removes curves from the simplified path, connecting the remaining vertices with straight lines.

The preview shows the number of vertices before and after simplification. Select **Simplify Path** to apply the changes.

## Bezier handles

### Straight

‌The default handles are set to straight, which creates straight edges between vertices.

<img src="https://mintcdn.com/rive-android-hoist-worker/MySdukJtFjgsPF1E/images/Straight.png?fit=max&auto=format&n=MySdukJtFjgsPF1E&q=85&s=9ea918b5616fcecbe9a43e666fb225cd" alt="Straight handle type selected in the bezier handle options" width="2808" height="1606" data-path="images/Straight.png" />

### Corner Radius

The Corner Radius property allows you to round straight corners. This property only appears on vertices that are set to straight.

### Mirrored

‌Mirrored is the default handle when you create a vertex by clicking and dragging. These handles always keep the same rotation and length.

<img src="https://mintcdn.com/rive-android-hoist-worker/kbqT2Ed4fZezE4Tp/images/mirriored.gif?s=1b38e5db9cd50cb7fe47cad6531eaa2e" alt="Mirrored bezier handles on a vertex mirroring each other as they are dragged" width="800" height="458" data-path="images/mirriored.gif" />

### Detached‌

Detached handles allow each handle to have its own rotation and length.

<img src="https://mintcdn.com/rive-android-hoist-worker/MySdukJtFjgsPF1E/images/detached.gif?s=d34d7eff00e7b5308ab455897ab8d225" alt="Detached bezier handles on a vertex, each being dragged independently" width="800" height="459" data-path="images/detached.gif" />

### Asymmetric

‌Asymmetric handles share the same rotation but can have lengths independently of each other.

<img src="https://mintcdn.com/rive-android-hoist-worker/MySdukJtFjgsPF1E/images/asem.gif?s=608f41545ba00521ca4fc4f489348d73" alt="Asymmetric bezier handles on a vertex sharing the same rotation but dragged to independent lengths" width="800" height="459" data-path="images/asem.gif" />
