2022-09-22 09:05:20 +02:00
|
|
|
---
|
2022-09-27 18:24:35 +02:00
|
|
|
title: Path.smurve()
|
2022-09-22 09:05:20 +02:00
|
|
|
---
|
|
|
|
|
2022-09-27 18:24:35 +02:00
|
|
|
The `Path.smurve()` method draws a smooth curve from the current point via a control point to an endpoint.
|
|
|
|
A smooth curve means it will use the reflection of the end control point of the previous curve.
|
|
|
|
|
|
|
|
## Signature
|
|
|
|
|
2022-09-22 09:05:20 +02:00
|
|
|
```js
|
2022-09-27 18:24:35 +02:00
|
|
|
Path path.smurve(Point cp2, Point end)
|
2022-09-22 09:05:20 +02:00
|
|
|
```
|
|
|
|
|
2024-09-29 07:14:59 +02:00
|
|
|
:::tip
|
|
|
|
This method is chainable as it returns the `Path` object
|
|
|
|
:::
|
2022-09-22 09:05:20 +02:00
|
|
|
|
2022-09-27 18:24:35 +02:00
|
|
|
## Example
|
2022-09-22 09:05:20 +02:00
|
|
|
|
2022-09-27 18:24:35 +02:00
|
|
|
<Example caption="Example of the Path.smurve() method">
|
2022-09-22 09:05:20 +02:00
|
|
|
```js
|
2022-09-27 18:24:35 +02:00
|
|
|
({ Point, points, Path, paths, part }) => {
|
|
|
|
|
2025-05-19 08:04:05 +02:00
|
|
|
points.aFrom = new Point(10, 10)
|
|
|
|
points.aCp1 = new Point(40, 40)
|
|
|
|
points.aCp2 = new Point(70, -20)
|
|
|
|
points.aTo = new Point(100, 10)
|
|
|
|
|
|
|
|
points.bCp2 = new Point(50,50)
|
|
|
|
points.bTo = new Point(10,50)
|
|
|
|
|
|
|
|
paths.smurve = new Path()
|
|
|
|
.move(points.aFrom)
|
|
|
|
.curve(points.aCp1, points.aCp2,points.aTo)
|
|
|
|
.smurve(points.bCp2, points.bTo)
|
|
|
|
.reverse() // Puts text at the end
|
|
|
|
.setText('Path.smurve()')
|
|
|
|
|
|
|
|
return part
|
2022-09-27 18:24:35 +02:00
|
|
|
}
|
2022-09-22 09:05:20 +02:00
|
|
|
```
|
2022-09-27 18:24:35 +02:00
|
|
|
</Example>
|