1
0
Fork 0
freesewing/sites/dev/docs/reference/api/path/ucurve/readme.mdx

51 lines
1,015 B
Text
Raw Normal View History

---
2024-09-29 07:14:59 +02:00
title: 'Path._curve()'
---
The `Path._curve()` method draws a cubic Bézier curve
2022-09-22 09:05:20 +02:00
from the current position via two control points to a given endpoint.
However, the start control point is identical to the current position,
so you do not need to provide it.
2022-09-22 14:17:29 +02:00
## Signature
```js
2022-09-22 09:05:20 +02:00
Path path._curve(Point cp2, Point to)
```
2024-09-29 07:14:59 +02:00
:::tip
This method is chainable as it returns the `Path` object
:::
2022-09-22 14:17:29 +02:00
## Example
<Example caption="Example of the Path.\_curve() method">
```js
2022-09-22 09:05:20 +02:00
({ Point, points, Path, paths, part }) => {
points.from = new Point(5, 20)
points.cp2 = new Point(60, 50)
points.to = new Point(90, 20)
paths.line = new Path()
.move(points.from)
._curve(points.cp2, points.to)
.setText("Path._curve()", "text-sm center fill-note")
.attr("data-text-dy", -1)
2022-09-22 09:05:20 +02:00
return part
2022-09-22 09:05:20 +02:00
}
```
</Example>
2022-09-22 09:05:20 +02:00
2022-09-22 14:17:29 +02:00
## Notes
2022-09-22 09:05:20 +02:00
2022-09-22 14:17:29 +02:00
The main purpose of this method is to save your some typing,
as the two following calls yield the same result:
2022-09-22 09:05:20 +02:00
```js
path.curve(point1, point1, point2)
path._curve(point1, point2)
```