- Howtos
- Common design challenges
- Add seam allowance and/or hem allowance
Add seam allowance and/or hem allowance
Adding seam allowance is something that has to happen in every pattern. We might also have a hem where we need to add more seam allowance, or hem allowance.
When doing this, it’s best to split up your path into sections that share the same seam allowance.
In the example below we have two such paths:
paths.saBase
is the path that will require regular seam allowancepaths.hemBase
is the path that will require more seam allowance, or hem allowance
When creating them, we hide the new paths to avoid drawing the same path multiple times. Then we string together our real path and our seam allowance based on them:
Javascript
paths.saBase = new Path()
.move(points.bottomRight)
.line(points.tip)
.curve(points.tipCpBottom, points.tipCpTop, points.topLeft)
.line(points.bottomLeft)
.hide()
paths.hemBase = new Path()
.move(points.bottomLeft)
.line(points.bottomRight)
.hide()
paths.seam = paths.saBase.join(paths.hemBase)
.close()
.attr('class', 'fabric')
if (complete) {
if (sa) {
paths.sa = paths.saBase.offset(sa)
.join(paths.hemBase.offset(sa * 2))
.close()
.attr('class', 'fabric sa')
}
// ...
}
TIP
Use a multiple of sa
for your hem allowance
Resist the temptation to use an absolute value for any seam allowance, including at the hem.
Always use a multiple of the sa
value.