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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Basic supportChrome Full support YesEdge Full support YesFirefox Full support YesIE No support NoOpera Full support YesSafari ? WebView Android ? Chrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support YesOpera Android ? Safari iOS ? Samsung Internet Android ?
transformChrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
getBBoxChrome Full support YesEdge ? Firefox 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 ? Opera ? Safari ? WebView Android Full support YesChrome Android Full support YesEdge Mobile ? Firefox 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 ? Safari iOS ? Samsung Internet Android ?
getCTMChrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
getScreenCTMChrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown
See implementation notes.
See implementation notes.

Document Tags and Contributors

Contributors to this page: fscholz, libbymc, Sebastianz
Last updated by: fscholz,