SVGGeometryElement.isPointInFill()

The SVGGeometryElement.isPointInFill() method 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. The point argument is interpreted as a point in the local coordiante system of the element.

Syntax

boolean someElement.isPointInFill(DOMPointInit point);

Parameters

point
A DOMPointInit interpreted as a point in the local coordiante system of the element.

Return value

A boolean indicating whether the given point is within the fill or not.

Example

SVG

<svg viewBox="0 0 100 100" width="150" height="150"
    xmlns="http://www.w3.org/2000/svg">
Ā  <circle id="circle" cx="50" cy="50" r="45"
      fill="white" stroke="black" stroke-width="10"/>

  <circle cx="10" cy="10" r="5" fill="seagreen"/>
  <circle cx="40" cy="30" r="5" fill="seagreen"/>
</svg>

JavaScript

var circle = document.getElementById('circle');

// Point not in circle
console.log('Point at 10,10:', circle.isPointInFill(new DOMPoint(10, 10)));

// Point in circle
console.log('Point at 40,30:', circle.isPointInFill(new DOMPoint(40, 30)));

Result

Specifications

Specification Status Comment
Scalable Vector Graphics (SVG) 2
The definition of 'SVGGeometryElement.isPointInFill()' in that specification.
Candidate Recommendation Initial definition

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
isPointInFillChrome Full support YesEdge ? Firefox Full support 69IE ? Opera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android No support NoOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android ?

Legend

Full support Ā 
Full support
No support Ā 
No support
Compatibility unknown Ā 
Compatibility unknown