51 lines
1.1 KiB
Text
51 lines
1.1 KiB
Text
---
|
|
title: Point.attr()
|
|
---
|
|
|
|
The `Point.attr()` method adds an attribute to the point, and returns the
|
|
original point. Setting the third parameter to `true` will replace the value of
|
|
the attribute instead of adding it.
|
|
|
|
## Signature
|
|
|
|
```js
|
|
Point point.attr(
|
|
string name,
|
|
mixed value,
|
|
bool overwrite = false
|
|
)
|
|
```
|
|
|
|
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.
|
|
|
|
:::tip
|
|
This method is chainable as it returns the `Point` object
|
|
:::
|
|
|
|
## Example
|
|
|
|
<Example caption="An example of the Point.attr() method">
|
|
```js
|
|
({ Point, points, Path, paths, part }) => {
|
|
|
|
points.anchor = new Point(100, 25)
|
|
.attr('data-text', 'FreeSewing')
|
|
.attr('data-text', 'rocks')
|
|
|
|
// Avoid the text getting cropped
|
|
paths.hidden = new Path()
|
|
.move(points.anchor)
|
|
.line(points.anchor.shift(0, 80))
|
|
.addClass('hidden')
|
|
|
|
return part
|
|
}
|
|
|
|
```
|
|
</Example>
|
|
|
|
## Notes
|
|
|
|
See [Using Attributes](/howtos/code/attributes)
|
|
for information about custom Attributes that can be used with Points.
|
|
```
|