このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

SVGGeometryElement

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2020年1月⁩.

* Some parts of this feature may have varying levels of support.

SVGGeometryElement インターフェイスは、同等のパスによる幾何形状によってレンダリングが定義され、塗りつぶしやストロークが可能な SVG 要素を表します。これには、パスおよび基本的な図形が含まれます。

EventTarget Node Element SVGElement SVGGraphicsElement SVGGeometryElement

インスタンスプロパティ

このインターフェイスには、親である SVGGraphicsElement から継承したプロパティもあります。

SVGGeometryElement.pathLength 読取専用

このプロパティは pathLength 属性を反映します。

インスタンスメソッド

このインターフェイスには、親である SVGGraphicsElement から継承したメソッドもあります。

SVGGeometryElement.isPointInFill()

指定された点が要素の塗りつぶし図形内に含まれるかどうかを判断します。通常の衝突検査ルールが適用されます。要素の pointer-events プロパティの値によって、この点が塗りつぶし図形内に含まれるとみなされるかどうかが決まります。

SVGGeometryElement.isPointInStroke()

指定された点が要素のストローク図形内にあるかどうかを判断します。通常の衝突検査ルールが適用されます。要素の pointer-events プロパティの値によって、その点がストローク内にあるとみなされるかどうかが決まります。

SVGGeometryElement.getTotalLength()

ユーザーエージェントが計算した、パス全体の長さをユーザー単位の値として返します。

SVGGeometryElement.getPointAtLength()

パス上の指定された距離にある点を返します。

仕様書

Specification
Scalable Vector Graphics (SVG) 2
# InterfaceSVGGeometryElement

ブラウザーの互換性