2021-10-17 18:26:00 +02:00
|
|
|
---
|
2021-08-25 16:09:31 +02:00
|
|
|
title: Paths
|
2021-12-27 14:58:44 +01:00
|
|
|
order: 40
|
2021-10-17 18:26:00 +02:00
|
|
|
---
|
2021-08-25 16:09:31 +02:00
|
|
|
|
2022-01-19 13:06:33 +01:00
|
|
|
<Example part="docs_overview" options_focus="Paths">
|
2022-01-19 11:31:39 +01:00
|
|
|
Paths are the lines and curves of your pattern
|
|
|
|
</Example>
|
2021-08-25 16:09:31 +02:00
|
|
|
|
|
|
|
Paths are the lines and curves that make up your pattern.
|
|
|
|
|
|
|
|
They are made up of a set of drawing operations that together make up the path.
|
|
|
|
FreeSewing supports the following types of drawing operations:
|
|
|
|
|
2022-02-19 08:04:25 +01:00
|
|
|
- The **move** operation moves our virtual pen but does not draw anything.
|
|
|
|
- The **line** operation draws a straight line
|
|
|
|
- The **curve** operation draws a [Bézier curve](/guides/overview/about/beziercurves/)
|
|
|
|
- The **close** operation closes the path
|
2021-08-25 16:09:31 +02:00
|
|
|
|
|
|
|
To crucial thing to keep in mind is that, with the exception of the **move** operation,
|
|
|
|
all drawing operations start from wherever you are currently on your virtual sheet of paper.
|
|
|
|
|
2022-02-19 08:04:25 +01:00
|
|
|
For example, you might expect the **line** operation to take a start- and endpoint.
|
2022-01-15 10:38:14 -05:00
|
|
|
But in fact, it only takes an endpoint, and will draw a straight line from where our virtual pen
|
2021-08-25 16:09:31 +02:00
|
|
|
currently is to said endpoint.
|
|
|
|
|
|
|
|
Because all but the **move** drawing operations are relative to their operation preceding it,
|
|
|
|
**all Paths must start with a move operation**.
|
|
|
|
|
|
|
|
<Note>
|
|
|
|
|
|
|
|
Understanding that each drawing operation builds upon the next one is an important insight.
|
|
|
|
|
|
|
|
</Note>
|
|
|
|
|
|
|
|
<Tip>
|
|
|
|
|
2022-02-19 08:04:25 +01:00
|
|
|
Our example image (which, if you hadn't realized was created with FreeSewing) has a lot of
|
2021-08-25 16:09:31 +02:00
|
|
|
paths in it. Each box, the arrows, the lines in the React logo, and so on.
|
|
|
|
|
|
|
|
</Tip>
|