2022-09-21 17:41:39 +02:00
|
|
|
---
|
|
|
|
title: Point.setCircle()
|
|
|
|
---
|
|
|
|
|
2022-09-29 16:05:27 +02:00
|
|
|
The `Point.setCircle()` method adds a circle to a Point. It yields similar
|
|
|
|
results as the [`Point.addCircle()`](/reference/api/points/addcircle) method,
|
|
|
|
the different is that `Point.setCircle()` will overwrite any previous circle
|
|
|
|
set.
|
2022-09-21 17:41:39 +02:00
|
|
|
|
|
|
|
Essentially, it mimics the difference between adding vs setting an attribute.
|
|
|
|
|
2022-09-29 16:05:27 +02:00
|
|
|
Refer to [Drawing circles](/howtos/code/drawing-circles) for more details on
|
|
|
|
how circles are handled.
|
2022-09-21 17:41:39 +02:00
|
|
|
|
2022-09-29 16:05:27 +02:00
|
|
|
## Signature
|
2022-09-21 17:41:39 +02:00
|
|
|
|
|
|
|
```js
|
|
|
|
Point point.setCircle(
|
|
|
|
string text,
|
|
|
|
string className
|
|
|
|
)
|
|
|
|
```
|
|
|
|
|
2022-09-29 16:05:27 +02:00
|
|
|
## Example
|
2022-09-21 17:41:39 +02:00
|
|
|
|
2022-09-29 16:05:27 +02:00
|
|
|
<Example caption="Examples of Point.setCircle(), compare this to [Point.addCircle](/reference/api/point/addcircle)">
|
2022-09-21 17:41:39 +02:00
|
|
|
```js
|
|
|
|
({ Point, points, part }) => {
|
2022-09-29 16:05:27 +02:00
|
|
|
|
2022-09-21 17:41:39 +02:00
|
|
|
points.a = new Point(30, 10)
|
|
|
|
.setCircle(3, 'lining dashed')
|
|
|
|
.setCircle(7, 'mark dashed')
|
|
|
|
|
|
|
|
points.b = new Point(50, 10)
|
|
|
|
.setCircle(1, 'interfacing')
|
|
|
|
.setCircle(3, 'fabric')
|
|
|
|
.setCircle(5, 'lining')
|
|
|
|
.setCircle(7, 'mark')
|
|
|
|
.setCircle(9, 'note')
|
|
|
|
|
|
|
|
points.c = new Point(70, 10)
|
|
|
|
.setCircle(3, 'interfacing')
|
|
|
|
.setCircle(7, 'mark lashed')
|
|
|
|
|
|
|
|
return part
|
|
|
|
}
|
|
|
|
```
|
2022-09-29 16:05:27 +02:00
|
|
|
</Example>
|
|
|
|
|
2022-09-21 17:41:39 +02:00
|
|
|
|