W3cubDocs

/Web APIs

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.

The SVGGeometryElement interface represents SVG elements whose rendering is defined by geometry with an equivalent path, and which can be filled and stroked. This includes paths and the basic shapes.

Instance properties

This interface also inherits properties from its parent, SVGGraphicsElement.

SVGGeometryElement.pathLength Read only: This property reflects the pathLength attribute.

Instance methods

This interface also inherits methods from its parent, SVGGraphicsElement.

SVGGeometryElement.isPointInFill(): Determines whether a given point is within the fill shape of an element. Normal hit testing rules apply; the value of the pointer-events property on the element determines whether a point is considered to be within the fill.
SVGGeometryElement.isPointInStroke(): Determines whether a given point is within the stroke shape of an element. Normal hit testing rules apply; the value of the pointer-events property on the element determines whether a point is considered to be within the stroke.
SVGGeometryElement.getTotalLength(): Returns the user agent's computed value for the total length of the path in user units.
SVGGeometryElement.getPointAtLength(): Returns the point at a given distance along the path.

Specifications

Specification
Scalable Vector Graphics (SVG) 2> # InterfaceSVGGeometryElement>

Browser compatibility

	Desktop					Mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android	WebView on iOS
`SVGGeometryElement`	56 1–56 The `SVGGeometryElement` interface itself is not present, but some of its members are available on the `SVGPathElement` interface.	79 12–79 The `SVGGeometryElement` interface itself is not present, but some of its members are available on the `SVGPathElement` interface.	53 1.5–53 The `SVGGeometryElement` interface itself is not present, but some of its members are available on the `SVGPathElement` interface.	43 ≤12.1–43 The `SVGGeometryElement` interface itself is not present, but some of its members are available on the `SVGPathElement` interface.	12 3–12 The `SVGGeometryElement` interface itself is not present, but some of its members are available on the `SVGPathElement` interface.	56 18–56 The `SVGGeometryElement` interface itself is not present, but some of its members are available on the `SVGPathElement` interface.	53 4–53 The `SVGGeometryElement` interface itself is not present, but some of its members are available on the `SVGPathElement` interface.	43 ≤12.1–43 The `SVGGeometryElement` interface itself is not present, but some of its members are available on the `SVGPathElement` interface.	12 1–12 The `SVGGeometryElement` interface itself is not present, but some of its members are available on the `SVGPathElement` interface.	6.0 1.0–6.0 The `SVGGeometryElement` interface itself is not present, but some of its members are available on the `SVGPathElement` interface.	56 4.4–56 The `SVGGeometryElement` interface itself is not present, but some of its members are available on the `SVGPathElement` interface.	12 1–12 The `SVGGeometryElement` interface itself is not present, but some of its members are available on the `SVGPathElement` interface.
`getPointAtLength`	56 1–56 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	79 12–79 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	61 1.5–61 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	43 ≤12.1–43 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	12 3–12 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	56 18–56 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	61 4–61 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	43 ≤12.1–43 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	12 1–12 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	6.0 1.0–6.0 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	56 4.4–56 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	12 1–12 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.
`getTotalLength`	56 1–56 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	79 12–79 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	61 1.5–61 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	43 ≤12.1–43 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	12 3–12 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	56 18–56 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	61 4–61 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	43 ≤12.1–43 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	12 1–12 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	6.0 1.0–6.0 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	56 4.4–56 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	12 1–12 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.
`isPointInFill`	33 The element this method is called for must be in the DOM; otherwise, this method will always return `false`.	79 The element this method is called for must be in the DOM; otherwise, this method will always return `false`.	69	20 The element this method is called for must be in the DOM; otherwise, this method will always return `false`.	12	33 The element this method is called for must be in the DOM; otherwise, this method will always return `false`.	79	20 The element this method is called for must be in the DOM; otherwise, this method will always return `false`.	12	3.0	4.4.3 The element this method is called for must be in the DOM; otherwise, this method will always return `false`.	12
`isPointInStroke`	33 The element this method is called for must be in the DOM; otherwise, this method will always return `false`.	79 The element this method is called for must be in the DOM; otherwise, this method will always return `false`.	69	20 The element this method is called for must be in the DOM; otherwise, this method will always return `false`.	12	33 The element this method is called for must be in the DOM; otherwise, this method will always return `false`.	79	20 The element this method is called for must be in the DOM; otherwise, this method will always return `false`.	12	3.0	4.4.3 The element this method is called for must be in the DOM; otherwise, this method will always return `false`.	12
`pathLength`	57 1–57 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	79	61 1.5–61 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	44 ≤12.1–44 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	12 3–12 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	57 18–57 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	61 4–61 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	43 ≤12.1–43 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	12 1–12 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	7.0 1.0–7.0 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	57 4.4–57 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.	12 1–12 Only supported for `SVGPathElement`, not all `SVGGeometryElement` objects.

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGGeometryElement