2021-10-17 18:26:00 +02:00
---
2021-10-16 15:42:30 +02:00
title: Point.attr()
2021-10-17 18:26:00 +02:00
---
2021-08-25 16:09:31 +02:00
2021-11-06 18:20:45 +01:00
Adds an attribute to the point, and returns the original point. Setting the third parameter
2021-10-16 15:42:30 +02:00
to `true` will replace the value of the attribute instead of adding it.
2021-11-06 19:03:54 +01:00
## Point.attr() signature
2021-08-25 16:09:31 +02:00
```js
Point point.attr(
string name,
mixed value,
bool overwrite = false
)
```
2021-10-16 15:42:30 +02:00
The `Point.attr()` method calls [`this.attributes.add()` ](/reference/api/attributes/add/ ) under the hood, but returns the `Point` object.
2021-08-25 16:09:31 +02:00
This allows you to chain different calls together as in the example below.
2021-10-16 15:42:30 +02:00
If the third parameter is set to `true` it will call [`this.attributes.set()` ](/reference/api/attributes/set/ ) instead, thereby overwriting the value of the attribute.
2021-08-25 16:09:31 +02:00
2021-11-06 19:03:54 +01:00
## Point.attr() example
2021-10-16 15:42:30 +02:00
< Example
2021-10-17 18:26:00 +02:00
part="point_attr"
caption="An example of the Point.attr() method"
2021-08-25 16:09:31 +02:00
/>
```js
let { Point, points } = part.shorthand();
points.anchor = new Point(100, 25)
.attr("data-text", "freesewingIsMadeByJoostDeCockAndContributors")
.attr("data-text-class", "center");
```