---
title: beginPath
framework: webkitjs
role: symbol
role_heading: Instance Method
path: webkitjs/canvasrenderingcontext2d/1632556-beginpath
---

# beginPath

Denotes the beginning of new path.

## Declaration

```data
void beginPath();
```

## Discussion

Discussion Any calls to arcTo, bezierCurveTo, lineTo, moveTo, or quadraticCurveTo after a call to beginPath add elements to a single path. A subsequent call to strokePath or fillPath outlines or fills the shape defined by the path. It is not necessary to close a path in order to draw it.

## See Also

### Creating Paths (Lines, Curves, Arcs, and Shapes)

- [clip](webkitjs/canvasrenderingcontext2d/1631003-clip.md)
- [isPointInPath](webkitjs/canvasrenderingcontext2d/1631233-ispointinpath.md)
