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.

EventTarget Node Element SVGElement SVGGraphicsElement SVGGeometryElement

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

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