1
0
Fork 0
freesewing/sites/dev/docs/reference/api/defs/render
Joost De Cock ab3204f9f1 chore: Port FreeSewing.dev to docusaurus
The replaces the NextJS site powering FreeSewing.dev with a Docusaurus
setup. It's part of my efforts to simplify FreeSewing's setup so we can
focus on our core value proposition.
2024-09-28 13:13:48 +02:00
..
readme.mdx chore: Port FreeSewing.dev to docusaurus 2024-09-28 13:13:48 +02:00

---
title: Defs.render()
---

Renders the added Defs as a string suitable for inclusion in an SVG document `defs` element.

## Signature

```js
String defs.render()
```

This function is called by [svg.render()](/reference/api/svg/render) internally.
Its output will look something like this:

```()
<g id="button" transform="scale(1)">
  <circle cx="0" cy="0" r="3.4" class="mark"></circle>
  <circle cx="-1" cy="-1" r="0.5" class="no-stroke fill-mark"></circle>
  <circle cx="1" cy="-1" r="0.5" class="no-stroke fill-mark"></circle>
  <circle cx="1" cy="1" r="0.5" class="no-stroke fill-mark"></circle>
  <circle cx="-1" cy="1" r="0.5" class="no-stroke fill-mark"></circle>
</g>
<g id="buttonhole" transform="scale(1)">
  <path class="mark" d="M -1,-5 L 1,-5 L 1,5 L -1,5 z"></path>
</g>
```