2021-10-17 18:26:00 +02:00
|
|
|
---
|
|
|
|
|
title: attr()
|
|
|
|
|
---
|
2021-08-25 16:09:31 +02:00
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
Path path.attr(
|
|
|
|
|
string name,
|
|
|
|
|
mixed value,
|
|
|
|
|
bool overwrite = false
|
|
|
|
|
)
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
This `Path.attr()` method calls `this.attributes.add()` under the hood, but returns the Path object.
|
|
|
|
|
|
|
|
|
|
This allows you to chain different calls together as in the example below.
|
|
|
|
|
|
|
|
|
|
If the third parameter is set to `true` it will call `this.attributes.set()` instead, thereby overwriting the value of the attribute.
|
|
|
|
|
|
|
|
|
|
<Example part="path_attr" caption="Example of the Path.attr() method" />
|
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
let { Point, points, Path, paths } = part.shorthand();
|
|
|
|
|
|
|
|
|
|
points.B = new Point(10, 50);
|
|
|
|
|
points.BCp2 = new Point(40, 10);
|
|
|
|
|
points.C = new Point(90, 30);
|
|
|
|
|
points.CCp1 = new Point(50, 90);
|
|
|
|
|
|
|
|
|
|
paths.example = new Path()
|
|
|
|
|
.move(points.B)
|
|
|
|
|
.curve(points.BCp2, points.CCp1, points.C)
|
|
|
|
|
.attr("class", "canvas")
|
|
|
|
|
.attr("data-text", "freesewingIsMadeByJoostDeCockAndContributors")
|
|
|
|
|
.attr("data-text-class", "text-xs center");
|
|
|
|
|
```
|
