# Circle canvas items



## CanvasCircle

> Extends CanvasItem

Server
```javascript
import { items } from 'two-dimensions-graphic';

> const { CanvasCircle } = items.canvas;
undefined
```

Browser
```javascript
> const { CanvasCircle } = TDG.items.canvas;
undefined
```


### CanvasCircle.constructor(centre, radius[, options])
- `centre` {Point|number[]} - Point instatce or (x, y) pair.
- `radius` {number} - Radius.
- `options` {Object} - Options.
- `options.stroke` {boolean} - Whether stroke object or not (default true).
- `options.fill` {boolean} - Whether fill object or not.
- `options.flatParams` {Object} - Canvas 2d context flat params.
- `options.byMethodParams` {Object} - Canvas 2d context methods to set params (key is method name, value is array of args).


### CanvasCircle.centre
> Centre getter.


### CanvasCircle.centre(value)
> Centre setter.

- `value` {Point|number[]} - Point instatce or (x, y) pair.


### CanvasCircle.radius
> Radius getter.


### CanvasCircle.radius(value)
> Radius setter.

- `value` {number} - Radius.


### CanvasCircle.commands
> Path commands getter.


### CanvasCircle.commands(value)
> Path commands setter.

- `value` {CircleCommands} - Path commands.