2022-02-19 08:04:25 +01:00
|
|
|
---
|
2021-10-17 18:26:00 +02:00
|
|
|
title: idPrefix
|
|
|
|
---
|
2021-08-25 16:09:31 +02:00
|
|
|
|
2021-12-28 21:07:45 +01:00
|
|
|
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-`.
|
2021-08-25 16:09:31 +02:00
|
|
|
|
|
|
|
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).
|
|
|
|
|
|
|
|
This allows you to specify an ID prefix so you can sidestep ID collisions.
|
|
|
|
|
|
|
|
```js
|
2021-12-28 21:07:45 +01:00
|
|
|
import Brian from "@freesewing/brian";
|
2021-08-25 16:09:31 +02:00
|
|
|
|
2021-12-28 21:07:45 +01:00
|
|
|
const pattern = new Brian({
|
2021-08-25 16:09:31 +02:00
|
|
|
idPrefix: "something-else"
|
|
|
|
})
|
|
|
|
```
|