SVGGraphicsElement

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

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

EventTarget Node Element SVGElement SVGGraphicsElement

Instance properties

This interface also inherits properties from its parent, SVGElement.

SVGGraphicsElement.requiredExtensions Read only

An SVGStringList reflecting the requiredExtensions attribute of the given element.

SVGGraphicsElement.systemLanguage Read only

An SVGStringList reflecting the systemLanguage attribute of the given element.

SVGGraphicsElement.transform Read only

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

Instance 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.

Events

Listen to these events using addEventListener() or by assigning an event listener to the equivalent on... handler property.

copy

Fired when the user initiates a copy action through the browser's user interface.

cut

Fired when the user has initiated a "cut" action through the browser's user interface.

paste

Fires when the user has initiated a "paste" action through the browser's user interface.

Specifications

Specification
Scalable Vector Graphics (SVG) 2
# InterfaceSVGGraphicsElement

Browser compatibility

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
SVGGraphicsElement
getBBox
getCTM
getScreenCTM
requiredExtensions
systemLanguage
transform

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
See implementation notes.
Has more compatibility info.