SVGGraphicsElement

The SVGGraphicsElement interface represents SVG elements whose primary purpose is to directly render graphics into a group.

Note: This interface was introduced in SVG 2 and replaces the SVGLocatable and SVGTransformable interfaces from SVG 1.1.

Properties

This interface also inherits properties from its parent, SVGElement.

SVGGraphicsElement.transform Read only
An SVGAnimatedTransformList reflecting the computed value of the transform property and its corresponding transform attribute of the given element.

Methods

This interface also inherits methods from its parent, SVGElement.

SVGGraphicsElement.getBBox()
Returns a DOMRect representing the computed bounding box of the current element.
SVGGraphicsElement.getCTM()
Returns a DOMMatrix representing the matrix that transforms the current element's coordinate system to its SVG viewport's coordinate system.
SVGGraphicsElement.getScreenCTM()
Returns a DOMMatrix representing the matrix that transforms the current element's coordinate system to the coordinate system of the SVG viewport for the SVG document fragment.

Specifications

Specification Status Comment
Scalable Vector Graphics (SVG) 2
The definition of 'SVGGraphicsElement' in that specification.
Candidate Recommendation Initial definition

Browser compatibility

DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
SVGGraphicsElementChrome Full support YesEdge Full support ≤18Firefox Full support YesIE No support NoOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
getBBoxChrome Full support YesEdge Full support 15Firefox Full support Yes
Notes
Full support Yes
Notes
Notes The getBBox() method returns an empty DOMRect when there is no fill (bug 1019326).
Notes This method doesn't work for <textPath> and <tspan> elements (bug 937268).
IE No support NoOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support Yes
Notes
Full support Yes
Notes
Notes The getBBox() method returns an empty DOMRect when there is no fill (bug 1019326).
Notes This method doesn't work for <textPath> and <tspan> elements (bug 937268).
Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
getCTMChrome Full support YesEdge Full support 15Firefox Full support YesIE No support NoOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
getScreenCTMChrome Full support YesEdge Full support 15Firefox Full support YesIE No support NoOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
transformChrome Full support YesEdge Full support 15Firefox Full support YesIE No support NoOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support
Full support
No support
No support
See implementation notes.
See implementation notes.