b34a2ee2ed
This is a flat (without history) import of (some of) the content from our markdown module. We've imported this without history because the repo contains our blog posts and showcases posts content prior to porting them to strapi. Since this contains many images, it would balloon the size of this repo to import the full history. Instead, please refer to the history of the (archived) markdown repo at: https://github.com/freesewing/markdown
1.2 KiB
| title | order |
|---|---|
| Bézier curves | 50 |
While lines on computers are easy to store with a start and end point, curves require more information.
In FreeSewing — as in SVG and countless of other applications —
curves are stored as Bézier curves. They have:
- A start point
- A first control point that’s linked to the start point
- A second control point that’s linked to the end point
- An end point
<Example settings={{complete: false}} part="path_curve" caption="An example of a Bézier curve drawn by the Path.curve() method" />
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:
More on Bézier curves
Wikipedia has a good introduction to Bézier curves.
For a deep-dive into the subject, check out A Primer on Bézier Curves by Pomax.
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.