1
0
Fork 0
freesewing/markdown/dev/guides/prerequisites/bezier-curves/en.md

36 lines
1.2 KiB
Markdown
Raw Normal View History

2021-10-17 17:34:55 +02:00
***
title: Bézier curves
order: 50
2021-10-17 17:34:55 +02:00
---------
2021-10-17 17:34:55 +02:00
While lines on computers are easy to store with a start and end point,
curves require more information.
2021-10-17 17:34:55 +02:00
In FreeSewing — as in SVG and countless of other applications —\
curves are stored as Bézier curves. They have:
2021-10-17 17:34:55 +02:00
* A start point
* A first control point thats linked to the start point
* A second control point thats linked to the end point
* An end point
2021-10-17 17:34:55 +02:00
\<Example settings={{complete: false}} part="path\_curve" caption="An example of a Bézier curve drawn by the Path.curve() method" />
2021-10-17 17:34:55 +02:00
Bézier curves and their *handles* or *control points* are surprisingly intuitive.
The following illustration does a great job at explaining how they are constructed:
![How Bézier curves are constructed](bezier.gif)
<Note>
###### More on Bézier curves
2021-10-17 17:34:55 +02:00
Wikipedia has a good [introduction to Bézier curves](https://pomax.github.io/bezierinfo/).\
For a deep-dive into the subject, check out [A Primer on Bézier Curves](https://pomax.github.io/bezierinfo/) by Pomax.
2021-10-17 17:34:55 +02:00
Note that you don't need understand the mathematics behind Bézier Curves.
As long as you intuitively *get* how the control points influence the curve, you're good to go.
</Note>