SVGGeometryElement.prototype.{isPointInFill,isPointInStroke}

[xBZZZZ]

changed pages:

• https://developer.mozilla.org/en-US/docs/Web/API/SVGGeometryElement/isPointInFill
• https://developer.mozilla.org/en-US/docs/Web/API/SVGGeometryElement/isPointInStroke

---

• changed examples:
  • don't use pointEl.style.r, pointEl.style.cx, pointEl.style.cy because they don't exist in firefox
  • don't use isPointInFill variable that is not declared in https://developer.mozilla.org/en-US/docs/Web/API/SVGGeometryElement/isPointInStroke#javascript
  • use { x: point[0], y: point[1] } instead of new DOMPoint(point[0], point[1]) to show that object class doesn't matter in browsers that support Accepts a DOMPoint as point parameter
  • look different to see region where fill and stroke overlap
• changed DOMPoint→DOMPointInit in parameters

---

What does 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. mean?
Adding pointer-events="none" or style="pointer-events:none" to big circle has no effect.

[github-actions]

Preview URLs

• /en-US/docs/Web/API/SVGGeometryElement/isPointInFill
• /en-US/docs/Web/API/SVGGeometryElement/isPointInStroke

Flaws (2)

URL: /en-US/docs/Web/API/SVGGeometryElement/isPointInFill
Title: SVGGeometryElement: isPointInFill() method
Flaw count: 1

• macros:
  • /en-US/docs/Web/API/DOMPointInit redirects to /en-US/docs/Web/API/DOMPoint/fromPoint_static

---

URL: /en-US/docs/Web/API/SVGGeometryElement/isPointInStroke
Title: SVGGeometryElement: isPointInStroke() method
Flaw count: 1

• macros:
  • /en-US/docs/Web/API/DOMPointInit redirects to /en-US/docs/Web/API/DOMPoint/fromPoint_static

(comment last updated: 2024-09-04 17:36:45)

[Josh-Cena]

@xBZZZZ Are you going to complete this soon?

[xBZZZZ]

@xBZZZZ Are you going to complete this soon?

when this question (duplicate of first comment) gets answered:

What does 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. mean?
Adding pointer-events="none" or style="pointer-events:none" to big circle has no effect.

https://jsbin.com/kopefuzace/1/edit?html,js,output
https://github.com/orgs/mdn/discussions/737