two-dimensions-graphic
Version:
Multi layers two dimensions graphic tool with canvas and SVG.
62 lines (37 loc) • 1.21 kB
Markdown
# 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.