2021-10-17 18:26:00 +02:00
|
|
|
---
|
2021-08-25 16:09:31 +02:00
|
|
|
title: Snippet
|
|
|
|
order: 35
|
2021-10-17 18:26:00 +02:00
|
|
|
---
|
2021-08-25 16:09:31 +02:00
|
|
|
|
|
|
|
A snippet is a reuseable bit of markup for your pattern. They are added to the
|
|
|
|
SVG `defs` section, and rendered with the SVG `use` tag.
|
|
|
|
|
|
|
|
The snippet constructor takes two arguments:
|
|
|
|
|
2022-02-20 14:44:38 +01:00
|
|
|
- `def` : The `xlink:href` id that links to the relevant entry in the SVG `defs` section
|
|
|
|
- `anchor` : A [`Point`](#point) on which to anchor the snippet
|
2021-08-25 16:09:31 +02:00
|
|
|
|
|
|
|
```js
|
|
|
|
Snippet new Snippet(def, Point);
|
|
|
|
```
|
|
|
|
|
|
|
|
A Snippet object comes with the following properties:
|
|
|
|
|
2022-02-20 14:44:38 +01:00
|
|
|
- `def` : The `xlink:href` id that links to the relevant entry in the SVG `defs` section
|
|
|
|
- `anchor` : A [`Point`](../point) on which to anchor the snippet
|
|
|
|
- `attributes` : An [`Attributes`](../attributes) instance holding the snippet's attributes
|
2021-08-25 16:09:31 +02:00
|
|
|
|
|
|
|
In addition, a Snippet object exposes the following methods:
|
|
|
|
|
|
|
|
<ReadMore list />
|