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

Help improve MDN

Learn how to contribute

This page was last modified on ⁨Feb 19, 2023⁩ by MDN contributors.

View this page on GitHub • Report a problem with this content