SVGGeometryElement

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.

* Some parts of this feature may have varying levels of support.

Das SVGGeometryElement Interface repräsentiert SVG-Elemente, deren Darstellung durch Geometrie mit einem äquivalenten Pfad definiert ist und die gefüllt und gestrichen werden können. Dazu gehören Pfade und einfache Formen.

EventTarget Node Element SVGElement SVGGraphicsElement SVGGeometryElement

Instanz-Eigenschaften

Dieses Interface erbt auch Eigenschaften von seinem Elternteil, SVGGraphicsElement.

SVGGeometryElement.pathLength Schreibgeschützt

Diese Eigenschaft spiegelt das pathLength-Attribut wider.

Instanz-Methoden

Dieses Interface erbt auch Methoden von seinem Elternteil, SVGGraphicsElement.

SVGGeometryElement.isPointInFill()

Bestimmt, ob ein gegebener Punkt innerhalb der Füllform eines Elements liegt. Normale Treffertestregeln gelten; der Wert der pointer-events-Eigenschaft auf dem Element bestimmt, ob ein Punkt als innerhalb der Füllung angesehen wird.

SVGGeometryElement.isPointInStroke()

Bestimmt, ob ein gegebener Punkt innerhalb der Strichform eines Elements liegt. Normale Treffertestregeln gelten; der Wert der pointer-events-Eigenschaft auf dem Element bestimmt, ob ein Punkt als innerhalb des Strichs angesehen wird.

SVGGeometryElement.getTotalLength()

Gibt den vom Benutzeragent berechneten Wert für die Gesamtlänge des Pfades in Benutzereinheiten zurück.

SVGGeometryElement.getPointAtLength()

Gibt den Punkt in einer bestimmten Entfernung entlang des Pfades zurück.

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# InterfaceSVGGeometryElement

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
SVGGeometryElement
getPointAtLength
getTotalLength
isPointInFill
Accepts a DOMPoint as point parameter
isPointInStroke
Accepts a DOMPoint as point parameter
pathLength

Legend

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

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