1
0
Fork 0
freesewing/sites/dev/docs/reference/api/point/setcircle
Joost De Cock ab3204f9f1 chore: Port FreeSewing.dev to docusaurus
The replaces the NextJS site powering FreeSewing.dev with a Docusaurus
setup. It's part of my efforts to simplify FreeSewing's setup so we can
focus on our core value proposition.
2024-09-28 13:13:48 +02:00
..
readme.mdx chore: Port FreeSewing.dev to docusaurus 2024-09-28 13:13:48 +02:00

---
title: Point.setCircle()
---

The `Point.setCircle()` method adds a circle to a Point. It yields similar
results as the [`Point.addCircle()`](/reference/api/point/addcircle) method,
the different is that `Point.setCircle()` will overwrite any previous circle
set.

Essentially, it mimics the difference between adding vs setting an attribute.

Refer to [Drawing circles](/howtos/code/drawing-circles) for more details on
how circles are handled.

## Signature

```js
Point point.setCircle(
  number radius,
  string className
)
```

:::tipThis method is chainable as it returns the `Point` object:::

## Example

<Example caption="Examples of Point.setCircle(), compare this to [Point.addCircle()](/reference/api/point/addcircle)">
```js
({ Point, points, part }) => {

  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
}
```
</Example>