# createArcPath

```ts
import { createArcPath, Path } from "@pibbl/core";
```

[`ArcPathOptions`](/reference/types/elements-components/#arcpathoptions) is accepted by `createArcPath(options): Path2D`, a pure numeric constructor.
It accepts finite logical-unit center/radius/sweep options and returns a fresh,
open `Path2D`; it owns no render state, events, or cache.

```tsx
<Path
  style={{
    d: createArcPath({ radius: 48, startAngle: 0, endAngle: Math.PI }),
    stroke: "#2563eb",
  }}
/>
```

Use a component when geometry needs percentage or allocation resolution.

## API details from source

<span id="api-createArcPath"></span>

Creates a Canvas Path2D for arc geometry from validated options.

```ts
createArcPath: (options: Readonly<ArcPathOptions>) => Path2D
```

Related API: [createArcPath](/reference/functions/create-arc-path/), [ArcPathOptions](/reference/types/elements-components/#arcpathoptions).

### Parameters

- **`options`** — Circle center, radius, angles, and sweep direction. See [ArcPathOptions](/reference/types/elements-components/#arcpathoptions).

### Returns

A native Canvas path containing the arc.

### See also

[ArcPathOptions](/reference/types/elements-components/#arcpathoptions)

[View source — packages/core/src/lib/geometry/circular-sweep.ts:77](/source/packages/core/src/lib/geometry/circular-sweep-ts/#L77)

## Implementation guidance for agents

Read the [Drawing, layout, and effects companion](/agents/topics/layout/) for ownership, adaptation, failure modes, and verification. [Agent start](/agents/) provides the version-selection workflow.

## Complete minimal examples

- [Circular path factories](/minimal-examples/paths/circular-factories/): Create circle, ellipse, arc, and wedge Path2D shapes. [Plain source](/minimal/paths/circular-factories.ts)
## Documentation version

Documentation built with @pibbl/core 0.0.2, revision 272a94a. ALPHA — NOT FOR PRODUCTION USE.