chore(markdown): Updated settings docs
This commit is contained in:
parent
6ccdef7258
commit
45ebd9e142
13 changed files with 119 additions and 51 deletions
|
@ -2,15 +2,20 @@
|
||||||
title: complete
|
title: complete
|
||||||
---
|
---
|
||||||
|
|
||||||
Set this to `false` to draft a base outline of the pattern, rather than a fully detailed pattern.
|
The `complete` setting controls the level of details that's included on your pattern.
|
||||||
This has different uses, such as generating patterns to be cut out with a laser cutter.
|
This has different uses, such as generating patterns to be cut out with a laser cutter.
|
||||||
|
|
||||||
The default is `true`. Setting this to `false` will force [sa](#sa) to be set to `false`.
|
The default `complete` setting is `true`.
|
||||||
|
Set this to `false` to draft a base outline of the pattern, rather than a fully detailed pattern.
|
||||||
|
|
||||||
|
<Note>
|
||||||
|
Setting this to `false` will force [sa](/reference/api/settings/sa) to be set to `false`.
|
||||||
|
</Note>
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import brian from "@freesewing/brian";
|
import Brian from "@freesewing/brian";
|
||||||
|
|
||||||
let pattern = new brian({
|
const pattern = new Brian({
|
||||||
complete: false
|
complete: false
|
||||||
})
|
})
|
||||||
```
|
```
|
||||||
|
|
|
@ -2,15 +2,20 @@
|
||||||
title: embed
|
title: embed
|
||||||
---
|
---
|
||||||
|
|
||||||
Set to `true` to make SVG output suitable for embedding in a web page.
|
The `embed` setting controls the properties of the SVG document.
|
||||||
|
Set it to `true` to make SVG output suitable for embedding in a web page.
|
||||||
|
|
||||||
This removes the `width` and `height` attributes from the SVG tag, which allows
|
The default for `embed` is `false` which will include the `width` and `height`
|
||||||
you to inject the SVG into an HTML document, and it will responsively scale.
|
attributes in the SVG tag, thereby making it suitable for printing.
|
||||||
|
|
||||||
|
When set to `true` the `width` and `height` attributes will not be added
|
||||||
|
which allows you to inject the SVG into an HTML document, where it will
|
||||||
|
responsively scale.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import brian from "@freesewing/brian";
|
import Brian from "@freesewing/brian";
|
||||||
|
|
||||||
let pattern = new brian({
|
const pattern = new Brian({
|
||||||
embed: true
|
embed: true
|
||||||
})
|
})
|
||||||
```
|
```
|
||||||
|
|
|
@ -2,7 +2,8 @@
|
||||||
title: idPrefix
|
title: idPrefix
|
||||||
---
|
---
|
||||||
|
|
||||||
Prefixes all IDs in the SVG with the string you pass it. (defaults to `fs-`).
|
The `idPrefix` setting allows you to specify a prefix that will be used
|
||||||
|
for all IDs in the SVG output. Its default value is `fs-`.
|
||||||
|
|
||||||
When you embed multiple SVGs on a single page, the IDs can and will conflict,
|
When you embed multiple SVGs on a single page, the IDs can and will conflict,
|
||||||
especially when using `xlink:href` references (such as for text on paths and snippets).
|
especially when using `xlink:href` references (such as for text on paths and snippets).
|
||||||
|
@ -10,9 +11,9 @@ especially when using `xlink:href` references (such as for text on paths and sni
|
||||||
This allows you to specify an ID prefix so you can sidestep ID collisions.
|
This allows you to specify an ID prefix so you can sidestep ID collisions.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import brian from "@freesewing/brian";
|
import Brian from "@freesewing/brian";
|
||||||
|
|
||||||
let pattern = new brian({
|
const pattern = new Brian({
|
||||||
idPrefix: "something-else"
|
idPrefix: "something-else"
|
||||||
})
|
})
|
||||||
```
|
```
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
title: layout
|
title: layout
|
||||||
---
|
---
|
||||||
|
|
||||||
Allows you to control the way pattern parts are laid out on the pattern.
|
The `layout` setting allows you to control the way pattern parts are
|
||||||
There are 3 scenarios:
|
layed out on the pattern. There are 3 scenarios:
|
||||||
|
|
||||||
- layout is truthy: Do layout algorithmically
|
- layout is truthy: Do layout algorithmically
|
||||||
- layout is falsy: Do not do any layout apart from stacking all parts together
|
- layout is falsy: Do not do any layout apart from stacking all parts together
|
||||||
|
@ -11,7 +11,7 @@ There are 3 scenarios:
|
||||||
|
|
||||||
Let's look at each in detail:
|
Let's look at each in detail:
|
||||||
|
|
||||||
##### layout is truthy
|
## layout is truthy
|
||||||
|
|
||||||
This is the default behaviour. Parts will be laid without overlap in
|
This is the default behaviour. Parts will be laid without overlap in
|
||||||
a space that's a small as possible.
|
a space that's a small as possible.
|
||||||
|
@ -20,7 +20,7 @@ Don't expect miracles here.
|
||||||
It's one of those things humans are far better at than
|
It's one of those things humans are far better at than
|
||||||
computers.
|
computers.
|
||||||
|
|
||||||
##### layout is falsy
|
## layout is falsy
|
||||||
|
|
||||||
This will cause all parts to be laid out on top of each other.
|
This will cause all parts to be laid out on top of each other.
|
||||||
|
|
||||||
|
@ -28,7 +28,7 @@ It is almost certainly not what you want, but having all parts piled
|
||||||
on top of each other in the top left corner can be a good starting
|
on top of each other in the top left corner can be a good starting
|
||||||
point for a custom layout.
|
point for a custom layout.
|
||||||
|
|
||||||
##### layout is a layout object
|
## layout is a layout object
|
||||||
|
|
||||||
This allows you to control the layout by passing a layout object.
|
This allows you to control the layout by passing a layout object.
|
||||||
This object should be structures as such:
|
This object should be structures as such:
|
||||||
|
@ -62,11 +62,11 @@ For each part in the `parts` attribute of our layout object, there are 4 possibl
|
||||||
- flipX: Will flip/mirror the part horizontally
|
- flipX: Will flip/mirror the part horizontally
|
||||||
- flipY: Will flip/mirror the part vertically
|
- flipY: Will flip/mirror the part vertically
|
||||||
|
|
||||||
<Note>
|
<Related>
|
||||||
|
|
||||||
It is a long-standing ambition of ours to build a layout component that allows
|
It is a long-standing ambition of ours to build a layout component that allows
|
||||||
users to manually do the layout of their pattern.
|
users to manually do the layout of their pattern.
|
||||||
|
|
||||||
Core already supports it, but building a React component for it is non-trivial.
|
Core already supports it, but building a React component for it is non-trivial.
|
||||||
|
|
||||||
</Note>
|
</Related>
|
||||||
|
|
|
@ -2,15 +2,17 @@
|
||||||
title: locale
|
title: locale
|
||||||
---
|
---
|
||||||
|
|
||||||
A 2-letter language code that indicates what language the user wants.
|
The `locale` setting allows you to specify the language of the pattern.
|
||||||
|
It should contain a 2-letter language code that indicates what language the user wants.
|
||||||
|
The default is `en`.
|
||||||
|
|
||||||
This will be used to set the `xml:lang` attribute in the `svg` tag when rendering to SVG,
|
This will be used to set the `xml:lang` attribute in the `svg` tag when rendering to SVG,
|
||||||
and by [the i18n plugin](/reference/plugins/i18n/) to translate the pattern.
|
and by [the i18n plugin](/reference/plugins/i18n/) to translate the pattern.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import brian from "@freesewing/brian";
|
import Brian from "@freesewing/brian";
|
||||||
|
|
||||||
let pattern = new brian({
|
const pattern = new Brian({
|
||||||
locale: "es"
|
locale: "es"
|
||||||
})
|
})
|
||||||
```
|
```
|
||||||
|
|
|
@ -2,8 +2,10 @@
|
||||||
title: margin
|
title: margin
|
||||||
---
|
---
|
||||||
|
|
||||||
Allows you to specify a part margin (in mm). The default is 2mm.
|
The `margin` setting allows you to specify a part margin (in mm).
|
||||||
Each part will have this margin applied. This means that:
|
Each part will have this margin applied. The default is `2mm`.
|
||||||
|
|
||||||
|
This means that:
|
||||||
|
|
||||||
- At the edge of the SVG, the margin will be `margin * 1` (2mm by default)
|
- At the edge of the SVG, the margin will be `margin * 1` (2mm by default)
|
||||||
- Between parts, the margin will be `margin * 2` (4mm by default)
|
- Between parts, the margin will be `margin * 2` (4mm by default)
|
||||||
|
@ -11,9 +13,9 @@ Each part will have this margin applied. This means that:
|
||||||
Note that setting the margin to zero (or below) will cause parts to overlap.
|
Note that setting the margin to zero (or below) will cause parts to overlap.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import brian from "@freesewing/brian";
|
import Brian from "@freesewing/brian";
|
||||||
|
|
||||||
let pattern = new brian({
|
const pattern = new Brian({
|
||||||
margin: 5
|
margin: 5
|
||||||
})
|
})
|
||||||
```
|
```
|
||||||
|
|
|
@ -2,12 +2,14 @@
|
||||||
title: measurements
|
title: measurements
|
||||||
---
|
---
|
||||||
|
|
||||||
The measurements to draft for. The pattern configuration lists all required measurements.
|
The `measurements` settings should hold and object with the
|
||||||
|
measurements to draft the pattern for.
|
||||||
|
The pattern configuration lists all required measurements.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import brian from "@freesewing/brian";
|
import Brian from "@freesewing/brian";
|
||||||
|
|
||||||
let pattern = new brian({
|
const pattern = new Brian({
|
||||||
measurements: {
|
measurements: {
|
||||||
chestCircumference: 1080
|
chestCircumference: 1080
|
||||||
shoulderSlope: 55
|
shoulderSlope: 55
|
||||||
|
|
|
@ -2,14 +2,16 @@
|
||||||
title: only
|
title: only
|
||||||
---
|
---
|
||||||
|
|
||||||
Allows you to specify one or more parts to draft/render, rather than the entire pattern.
|
The `only` setting allows you to specify one or more parts to
|
||||||
|
draft/render, rather than the entire pattern.
|
||||||
|
|
||||||
Accepts a part name as string, or an array of part names.
|
It accepts either a single part name as a string, or an array of
|
||||||
|
one or more part names.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import brian from "@freesewing/brian";
|
import Brian from "@freesewing/brian";
|
||||||
|
|
||||||
let pattern = new brian({
|
const pattern = new Brian({
|
||||||
only: ["front", "sleeve"]
|
only: ["front", "sleeve"]
|
||||||
})
|
})
|
||||||
```
|
```
|
||||||
|
|
|
@ -2,12 +2,15 @@
|
||||||
title: options
|
title: options
|
||||||
---
|
---
|
||||||
|
|
||||||
The pattern options as specified in the pattern configuration.
|
The `options` setting allows you to specify the pattern-specific options
|
||||||
|
that have been implemented by the pattern designer.
|
||||||
|
|
||||||
|
The available options are listed in the pattern configuration.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import brian from "@freesewing/brian";
|
import Brian from "@freesewing/brian";
|
||||||
|
|
||||||
let pattern = new brian({
|
const pattern = new Brian({
|
||||||
options: {
|
options: {
|
||||||
chestEase: 120
|
chestEase: 120
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,12 +2,16 @@
|
||||||
title: paperless
|
title: paperless
|
||||||
---
|
---
|
||||||
|
|
||||||
|
The `paperless` options allows you to generate a variant of the pattern
|
||||||
|
that does not require you to print it. It does that by including dimensions
|
||||||
|
on the pattern, as wel as a grid overlay.
|
||||||
|
|
||||||
Set this to `true` to draft a paperless pattern. The default is `false`.
|
Set this to `true` to draft a paperless pattern. The default is `false`.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import brian from "@freesewing/brian";
|
import Brian from "@freesewing/brian";
|
||||||
|
|
||||||
let pattern = new brian({
|
const pattern = new Brian({
|
||||||
paperless: true
|
paperless: true
|
||||||
})
|
})
|
||||||
```
|
```
|
||||||
|
|
|
@ -2,15 +2,13 @@
|
||||||
title: sa
|
title: sa
|
||||||
---
|
---
|
||||||
|
|
||||||
The seam allowance in mm.
|
The `sa` setting controls the seam allowance. It expects a value in mm
|
||||||
|
or `false` or `0` to disable seam allowance altogether.
|
||||||
Not setting this, setting it to `false`, or to zero, will draft a pattern without seam allowance.
|
|
||||||
|
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import brian from "@freesewing/brian";
|
import Brian from "@freesewing/brian";
|
||||||
|
|
||||||
let pattern = new brian({
|
const pattern = new Brian({
|
||||||
sa: 10
|
sa: 10
|
||||||
})
|
})
|
||||||
```
|
```
|
||||||
|
@ -19,4 +17,9 @@ let pattern = new brian({
|
||||||
|
|
||||||
This is ignored if [settings.complete](#complete) is `false`
|
This is ignored if [settings.complete](#complete) is `false`
|
||||||
|
|
||||||
|
<Comment by="joost">
|
||||||
|
Is it though?
|
||||||
|
I suspect this is not clearly enforced and we should clarify that.
|
||||||
|
</Comment>
|
||||||
|
|
||||||
</Note>
|
</Note>
|
||||||
|
|
37
markdown/dev/reference/api/settings/scale/en.md
Normal file
37
markdown/dev/reference/api/settings/scale/en.md
Normal file
|
@ -0,0 +1,37 @@
|
||||||
|
---
|
||||||
|
title: scale
|
||||||
|
---
|
||||||
|
|
||||||
|
<Note>
|
||||||
|
|
||||||
|
##### This setting is for future use
|
||||||
|
|
||||||
|
This setting has been added to our core library in anticipation
|
||||||
|
of a feature request that we've made part of [our v3
|
||||||
|
roadmap](https://github.com/freesewing/freesewing/discussions/1278).
|
||||||
|
|
||||||
|
It does not currently have any effect.
|
||||||
|
|
||||||
|
</Note>
|
||||||
|
|
||||||
|
The `scale` setting is an overal factor that will influence a variety of
|
||||||
|
factors to better support very large or very small patterns.
|
||||||
|
|
||||||
|
To be clear, `scale` does not change the size of the pattern itself.
|
||||||
|
It merely controls things like the various stroke width, the size of arrows
|
||||||
|
on dimensions, the size of the text on the pattern, and so on.
|
||||||
|
|
||||||
|
This is a feature request by those users that our generating pattern
|
||||||
|
for dolls. At such small sizes, many snippets, text, or logos become
|
||||||
|
so large (in comparison to the pattern) that they are problematic.
|
||||||
|
|
||||||
|
This setting is aimed at addressing that.
|
||||||
|
|
||||||
|
```js
|
||||||
|
import Brian from "@freesewing/brian";
|
||||||
|
|
||||||
|
const pattern = new Brian({
|
||||||
|
scale: 0.5
|
||||||
|
})
|
||||||
|
```
|
||||||
|
|
|
@ -2,14 +2,16 @@
|
||||||
title: units
|
title: units
|
||||||
---
|
---
|
||||||
|
|
||||||
Either `metric` (the default) or `imperial`.
|
The `units` setting controls the units used on the pattern.
|
||||||
|
It can be either `metric` (the default) or `imperial`.
|
||||||
|
|
||||||
Note that this is only used to format the output. Freesewing expects mm.
|
Note that this is only used to format the output.
|
||||||
|
Freesewing expects mm as input.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import brian from "@freesewing/brian";
|
import Brian from "@freesewing/brian";
|
||||||
|
|
||||||
let pattern = new brian({
|
const pattern = new Brian({
|
||||||
units: "imperial"
|
units: "imperial"
|
||||||
})
|
})
|
||||||
```
|
```
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue