38 lines
924 B
Markdown
38 lines
924 B
Markdown
|
---
|
||
|
|
title: setClass()
|
||
|
|
---
|
||
|
|
|
||
|
|
```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">
|
||
|
|
Example of the Path.attr() method
|
||
|
|
</Example>
|
||
|
|
|
||
|
|
```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");
|
||
|
|
```
|