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.

Die SVGGraphicsElement-Schnittstelle repräsentiert SVG-Elemente, deren Hauptzweck darin besteht, Grafiken direkt in eine Gruppe zu rendern.

EventTarget Node Element SVGElement SVGGraphicsElement

Instanz-Eigenschaften

Diese Schnittstelle erbt außerdem Eigenschaften von ihrem Elternteil, SVGElement.

SVGGraphicsElement.requiredExtensions Schreibgeschützt

Eine SVGStringList, die das requiredExtensions-Attribut des gegebenen Elements widerspiegelt.

SVGGraphicsElement.systemLanguage Schreibgeschützt

Eine SVGStringList, die das systemLanguage-Attribut des gegebenen Elements widerspiegelt.

SVGGraphicsElement.transform Schreibgeschützt

Eine SVGAnimatedTransformList, die den berechneten Wert der transform-Eigenschaft und das entsprechende transform-Attribut des gegebenen Elements widerspiegelt.

Instanz-Methoden

Diese Schnittstelle erbt außerdem Methoden von ihrem Elternteil, SVGElement.

SVGGraphicsElement.getBBox()

Gibt ein DOMRect zurück, das das berechnete Begrenzungsrechteck des aktuellen Elements darstellt.

SVGGraphicsElement.getCTM()

Gibt eine DOMMatrix zurück, die die Matrix darstellt, die das Koordinatensystem des aktuellen Elements in das Koordinatensystem seines SVG-Ansichtsfensters transformiert.

SVGGraphicsElement.getScreenCTM()

Gibt eine DOMMatrix zurück, die die Matrix darstellt, die das Koordinatensystem des aktuellen Elements in das Koordinatensystem des SVG-Ansichtsfensters für das SVG-Dokumentfragment transformiert.

Ereignisse

Hören Sie auf diese Ereignisse mithilfe von addEventListener() oder durch Zuweisen eines Ereignis-Listeners zur entsprechenden on... Handler-Eigenschaft.

copy

Wird ausgelöst, wenn der Benutzer eine Kopieraktion über die Benutzeroberfläche des Browsers initiiert.

cut

Wird ausgelöst, wenn der Benutzer eine "Ausschneiden"-Aktion über die Benutzeroberfläche des Browsers initiiert hat.

paste

Wird ausgelöst, wenn der Benutzer eine "Einfügen"-Aktion über die Benutzeroberfläche des Browsers initiiert hat.

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# InterfaceSVGGraphicsElement

Browser-Kompatibilität

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.