2021-10-17 17:34:55 +02:00
|
|
|
***
|
|
|
|
|
2021-08-25 16:09:31 +02:00
|
|
|
title: Paths
|
|
|
|
order: 20
|
2021-10-17 17:34:55 +02:00
|
|
|
---------
|
2021-08-25 16:09:31 +02:00
|
|
|
|
2021-10-17 17:34:55 +02:00
|
|
|
\<Example
|
|
|
|
part="docs\_overview"
|
|
|
|
caption="Paths are the lines and curves of your pattern"
|
|
|
|
options={{focus: "Paths"}}
|
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:
|
|
|
|
|
2021-10-17 17:34:55 +02: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.
|
|
|
|
|
2021-10-17 17:34:55 +02:00
|
|
|
For example, you might expect the **line** operation to take a start- and endpoint.
|
2021-08-25 16:09:31 +02:00
|
|
|
But in fact, it only takes and endpoint, and will draw a straight line from where our virtual pen
|
|
|
|
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>
|
|
|
|
|
2021-10-17 17:34:55 +02: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>
|