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.9 KiB
| title |
|---|
| layout |
Allows you to control the way pattern parts are laid out on the pattern. There are 3 scenarios:
- layout is truthy: Do layout algorithmically
- layout is falsy: Do not do any layout apart from stacking all parts together
- layout is an object: Layout the parts as detailed in the layout object
Let's look at each in detail:
layout is truthy
This is the default behaviour. Parts will be laid without overlap in a space that's a small as possible.
Don't expect miracles here. It's one of those things humans are far better at than computers.
layout is falsy
This will cause all parts to be laid out on top of each other.
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 point for a custom layout.
layout is a layout object
This allows you to control the layout by passing a layout object. This object should be structures as such:
import brian from "@freesewing/brian";
let pattern = new brian({
layout: {
parts: {
front: {
move: {
x: 14,
y: -202
}
},
back: {
rotate: 90,
flipX: true,
flipY, true
}
}
}
});
For each part in the parts attribute of our layout object, there are 4 possible attributes:
- move: Expects an object with an
xandyproperty, and will move the part byxalong the X-axis and byyalong the Y-axis - rotate: Expects a number, and will rotate the part by number degrees around its center point
- flipX: Will flip/mirror the part horizontally
- flipY: Will flip/mirror the part vertically
It is a long-standing ambition of ours to build a layout component that allows users to manually do the layout of their pattern.
Core already supports it, but building a React component for it is non-trivial.