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.