The <use> element takes nodes from within the SVG document, and duplicates them somewhere else. The effect is the same as if the nodes were deeply cloned into a non-exposed DOM, then pasted where the use element is, much like cloned template elements.
SvgUse
01 Syntax
02 Properties
| Name | Overloads | Summary |
|---|---|---|
| href | 1 | The URL to an element/fragment that needs to be duplicated. |
| xlink_href | 1 | An <IRI> reference to an element/fragment that needs to be duplicated. |
| x | 1 | The x coordinate of an additional final offset transformation applied to the <use> element. |
| y | 1 | The y coordinate of an additional final offset transformation applied to the <use> element. |
| width | 1 | The width of the use element. |
| height | 1 | The height of the use element. |
03 Members
The URL to an element/fragment that needs to be duplicated. See Usage notes for details on common pitfalls. Value type: <URL> ; Default value: none; Animatable: yes
An <IRI> reference to an element/fragment that needs to be duplicated. If both href and xlink:href are present, the value given by href is used. Value type: <IRI> ; Default value: none; Animatable: yes
The x coordinate of an additional final offset transformation applied to the <use> element. Value type: <coordinate> ; Default value: 0; Animatable: yes
The y coordinate of an additional final offset transformation applied to the <use> element. Value type: <coordinate> ; Default value: 0; Animatable: yes
The width of the use element. Value type: <length> ; Default value: 0; Animatable: yes
The height of the use element. Value type: <length> ; Default value: 0; Animatable: yes