2021-10-17 17:34:55 +02:00
|
|
|
***
|
|
|
|
|
|
|
|
## title: move()
|
2021-08-25 16:09:31 +02:00
|
|
|
|
|
|
|
```js
|
|
|
|
Path path.move(Point to)
|
|
|
|
```
|
|
|
|
|
2021-10-17 17:34:55 +02:00
|
|
|
Moves to a given point without drawing a line.
|
2021-08-25 16:09:31 +02:00
|
|
|
|
|
|
|
<Tip>
|
|
|
|
|
|
|
|
###### Always start your path with a move
|
|
|
|
|
2021-10-17 17:34:55 +02:00
|
|
|
When drawing a path, you must always start with a `move()` call,
|
2021-08-25 16:09:31 +02:00
|
|
|
followed by your `line()` and/or `curve()` calls
|
|
|
|
and an optional `close()` call.
|
|
|
|
|
|
|
|
These calls are chainable, making your code easier to read:
|
2021-10-17 17:34:55 +02:00
|
|
|
|
2021-08-25 16:09:31 +02:00
|
|
|
```js
|
|
|
|
paths.example = new Path()
|
|
|
|
.move(points.a)
|
|
|
|
.curve(points.b, points.c, points.d)
|
|
|
|
.line(points.e)
|
|
|
|
.close();
|
|
|
|
```
|
|
|
|
|
|
|
|
</Tip>
|
|
|
|
|
|
|
|
<Example part="path_move" caption="Example of the Path.move() method" />
|
|
|
|
|
|
|
|
```js
|
|
|
|
let { Point, points, Path, paths } = part.shorthand();
|
|
|
|
|
|
|
|
points.to = new Point(50, 20)
|
|
|
|
.attr("data-text", "Path.move()")
|
|
|
|
.attr("data-text-class", "text-xs fill-note");
|
|
|
|
|
|
|
|
paths.noline = new Path().move(points.to);
|
|
|
|
```
|