VSinerva/freesewing
1
0
Fork 0
Code Activity
freesewing/markdown/dev/howtos/code/adding-snippets/en.md

32 lines
1.3 KiB
Markdown
Raw Normal View History

chore: Linting for markdown and js
2021-10-17 17:34:55 +02:00
***
feat: Flat import of markdown repo 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
2021-08-25 16:09:31 +02:00
title: Adding snippets
for: developers
about: Shows you how to add snippets to your pattern
chore: Linting for markdown and js
2021-10-17 17:34:55 +02:00
----------------------------------------------------
feat: Flat import of markdown repo 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
2021-08-25 16:09:31 +02:00
chore: Linting for markdown and js
2021-10-17 17:34:55 +02:00
After using the [shorthand](/howtos/code/shorthand/) call,
feat: Flat import of markdown repo 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
2021-08-25 16:09:31 +02:00
`Snippet` contains the path constructor, while `snippets` is a reference to `part.snippets`,
which is where you should store your paths.
Things will now *just work* when you do this:
```js
snippets.logo = new Snippet('logo', points.logoAnchor);
```
You can scale and rotate a snippet by setting the `data-scale` and `data-rotate` attributes respectively.
chore: Linting for markdown and js
2021-10-17 17:34:55 +02:00
* **data-scale** : Either a single scale factor, or a set of 2 scale factors for the X and Y axis respectively. See [the SVG scale transform](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform#Scale) for details.
* **data-rotate**: A rotation in degrees. The center of the rotation will be the snippet's anchor point
feat: Flat import of markdown repo 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
2021-08-25 16:09:31 +02:00
<Tip>
chore: Merged in left behind PRs from markdown repo
2021-08-25 16:16:51 +02:00
See [Using attributes](/howtos/code/attributes/) for details on how to set attributes.
feat: Flat import of markdown repo 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
2021-08-25 16:09:31 +02:00
</Tip>
Below is an example of the available snippets, and the use of the `data-scale` and `data-rotate` attributes:
chore: Linting for markdown and js
2021-10-17 17:34:55 +02:00
\<Example pattern="rendertest" caption="Overview of available snippets" options={{ colors: false, text: false, macros: false, circles: false, widthHd: false }} />
Copy permalink