45 lines
931 B
Markdown
45 lines
931 B
Markdown
|
---
|
||
|
|
title: Point.addCircle()
|
||
|
|
---
|
||
|
|
|
||
|
|
Adds a circle to a Point. Under the hood, this will call `Point.attr()` as circles
|
||
|
|
are added by setting attributes. Refer to [Drawing circles](/howtos/code/drawing-circles) for
|
||
|
|
more details.
|
||
|
|
|
||
|
|
## Point.addCircle() signature
|
||
|
|
|
||
|
|
```js
|
||
|
|
Point point.addCircle(
|
||
|
|
string text,
|
||
|
|
string className
|
||
|
|
)
|
||
|
|
```
|
||
|
|
|
||
|
|
## Point.addCircle() example
|
||
|
|
|
||
|
|
<Example part="point_addcircle">
|
||
|
|
Examples of Point.addCircle(), compare this to [Point.setCircle](/reference/api/point/setcircle)
|
||
|
|
</Example>
|
||
|
|
|
||
|
|
```js
|
||
|
|
({ Point, points, part }) => {
|
||
|
|
points.a = new Point(30, 10)
|
||
|
|
.addCircle(3, 'lining dashed')
|
||
|
|
.addCircle(7, 'mark dashed')
|
||
|
|
|
||
|
|
points.b = new Point(50, 10)
|
||
|
|
.addCircle(1, 'interfacing')
|
||
|
|
.addCircle(3, 'fabric')
|
||
|
|
.addCircle(5, 'lining')
|
||
|
|
.addCircle(7, 'mark')
|
||
|
|
.addCircle(9, 'note')
|
||
|
|
|
||
|
|
points.c = new Point(70, 10)
|
||
|
|
.addCircle(3, 'interfacing')
|
||
|
|
.addCircle(7, 'mark lashed')
|
||
|
|
|
||
|
|
return part
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|