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.
Instanz-Eigenschaften
Diese Schnittstelle erbt außerdem Eigenschaften von ihrem Elternteil, SVGElement
.
SVGGraphicsElement.requiredExtensions
Schreibgeschützt-
Eine
SVGStringList
, die dasrequiredExtensions
-Attribut des gegebenen Elements widerspiegelt. SVGGraphicsElement.systemLanguage
Schreibgeschützt-
Eine
SVGStringList
, die dassystemLanguage
-Attribut des gegebenen Elements widerspiegelt. SVGGraphicsElement.transform
Schreibgeschützt-
Eine
SVGAnimatedTransformList
, die den berechneten Wert dertransform
-Eigenschaft und das entsprechendetransform
-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
BCD tables only load in the browser