freesewing/markdown/dev/howtos/code/drawing-circles/en.md

---
title: Drawing circles
for: developers
about: Shows how you can add circles to your pattern
---

Real circles are rarely used in pattern design, and they are not part of the SVG path specification,
but rather a different SVG element.

Still, if you want a circle, you can draw one by setting a Point's `data-circle` attribute
to the radius of the circle you want to draw.

In addition, all attributes that have a `data-circle-` prefix will apply to the circle, rather than the point.

<Example pattern="rendertest" options_only="circles">
Circles
</Example>
Revert "chore: Linting for markdown and js" This reverts commit 1c92e0f655c1b34e4b1f6807914529cc4d82ff81. 2021-10-17 18:26:00 +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: Drawing circles`
			`for: developers`
			`about: Shows how you can add circles to your pattern`
Revert "chore: Linting for markdown and js" This reverts commit 1c92e0f655c1b34e4b1f6807914529cc4d82ff81. 2021-10-17 18:26:00 +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(markdown): Linting of dev docs 2022-02-19 08:04:25 +01:00			`Real circles are rarely used in pattern design, and they are not part of the SVG path specification,`
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			`but rather a different SVG element.`

chore(markdown): Linting of dev docs 2022-02-19 08:04:25 +01:00			Still, if you want a circle, you can draw one by setting a Point's `data-circle` attribute
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			`to the radius of the circle you want to draw.`

			In addition, all attributes that have a `data-circle-` prefix will apply to the circle, rather than the point.

chore(markdown): Adapted to new rendertest examples 2022-01-19 12:37:30 +01:00			`<Example pattern="rendertest" options_only="circles">`
fix(markdown): Move caption to children 2022-01-19 11:31:39 +01:00			`Circles`
			`</Example>`