SVG use DOM interface
The SVGUseElement
interface provides access to the properties of {{ SVGElement("use") }} elements, as well as methods to manipulate them.
Interface overview
Also implement |
{{ domxref("SVGElement") }}, {{ domxref("SVGURIReference") }}, {{ domxref("SVGTests") }}, {{ domxref("SVGLangSpace") }}, {{ domxref("SVGExternalResourcesRequired") }}, {{ domxref("SVGStylable") }}, {{ domxref("SVGTransformable") }} |
Methods |
None |
Properties |
- readonly {{ domxref("SVGAnimatedLength") }}
x
- readonly {{ domxref("SVGAnimatedLength") }}
y
- readonly {{ domxref("SVGAnimatedLength") }}
width
- readonly {{ domxref("SVGAnimatedLength") }}
height
- readonly {{ domxref("SVGElementInstance") }}
instanceRoot
- readonly {{ domxref("SVGElementInstance") }}
animatedInstanceRoot
|
Normative document |
SVG 1.1 (2nd Edition) |
Properties
Name |
Type |
Description |
x |
{{ domxref("SVGAnimatedLength") }} |
Corresponds to attribute {{ SVGAttr("x") }} on the given {{ SVGElement("use") }} element. |
y |
{{ domxref("SVGAnimatedLength") }} |
Corresponds to attribute {{ SVGAttr("y") }} on the given {{ SVGElement("use") }} element. |
width |
{{ domxref("SVGAnimatedLength") }} |
Corresponds to attribute {{ SVGAttr("width") }} on the given {{ SVGElement("use") }} element. |
height |
{{ domxref("SVGAnimatedLength") }} |
Corresponds to attribute {{ SVGAttr("height") }} on the given {{ SVGElement("use") }} element. |
instanceRoot |
{{ domxref("SVGElementInstance") }} |
The root of the instance tree. See description of {{ domxref("SVGElementInstance") }} to learn more about the instance tree. |
animatedInstanceRoot |
{{ domxref("SVGElementInstance") }} |
If the {{ SVGAttr("xlink:href") }} attribute is being animated, contains the current animated root of the instance tree. If the {{ SVGAttr("xlink:href") }} attribute is not currently being animated, contains the same value as instanceRoot . See description of {{ domxref("SVGElementInstance") }} to learn more about the instance tree. |
Methods
The SVGUseElement
interface do not provide any specific methods.
Browser compatibility
{{ CompatibilityTable() }}
Feature |
Chrome |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari (WebKit) |
Basic support |
{{ CompatUnknown() }} |
{{ CompatUnknown() }} |
{{ CompatUnknown() }} |
{{ CompatUnknown() }} |
{{ CompatUnknown() }} |
Feature |
Android |
Firefox Mobile (Gecko) |
IE Mobile |
Opera Mobile |
Safari Mobile |
Basic support |
{{ CompatUnknown() }} |
{{ CompatUnknown() }} |
{{ CompatUnknown() }} |
{{ CompatUnknown() }} |
{{ CompatUnknown() }} |
See also
- {{ SVGElement("use") }} SVG Element