Movatterモバイル変換


[0]ホーム

URL:


  1. 開発者向けのウェブ技術
  2. Web API
  3. SVGPathElement

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

View in EnglishAlways switch to English

SVGPathElement

Baseline Widely available *

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

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

SVGPathElement インターフェイスは<path> 要素に対応します。

EventTarget Node Element SVGElement SVGGraphicsElement SVGGeometryElement SVGPathElement

メモ:SVG 2 では、getPathSegAtLength() およびcreateSVGPathSeg* メソッドが削除され、pathLength プロパティとgetTotalLength() およびgetPointAtLength() メソッドがSVGGeometryElement へ移動されました。

インスタンスプロパティ

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

SVGPathElement.pathLength読取専用

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

インスタンスメソッド

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

SVGPathElement.getPathData()Experimental

パスデータに対応するパス区間の並びを返します。オプションで値と区間型を正規化します。

SVGPathElement.getPointAtLength()

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

SVGPathElement.getTotalLength()

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

SVGPathElement.setPathData()Experimental

パス区間の並びを新しいパスデータとして設定します。

SVGPathElement.getPathSegmentAtLength()Experimental

パス上の指定された位置にある区間を返します。

非推奨のメソッド

SVGPathElement.getPathSegAtLength()非推奨;

ユーザーエージェントの distance-along-a-path アルゴリズムを用いて、pathSegList 内のインデックスを表す符号なし長整数を返します。

SVGPathElement.createSVGPathSegClosePath()非推奨;

独立した、親のないSVGPathSegClosePath オブジェクトを返します。

SVGPathElement.createSVGPathSegMovetoAbs()非推奨;

独立した、親のないSVGPathSegMovetoAbs オブジェクトを返します。

SVGPathElement.createSVGPathSegMovetoRel()非推奨;

独立した、親のないSVGPathSegMovetoRel オブジェクトを返します。

SVGPathElement.createSVGPathSegLinetoAbs()非推奨;

独立した、親のないSVGPathSegLinetoAbs オブジェクトを返します。

SVGPathElement.createSVGPathSegLinetoRel()非推奨;

独立した、親のないSVGPathSegLinetoRel オブジェクトを返します。

SVGPathElement.createSVGPathSegCurvetoCubicAbs()非推奨;

独立した、親のないSVGPathSegCurvetoCubicAbs オブジェクトを返します。

SVGPathElement.createSVGPathSegCurvetoCubicRel()非推奨;

独立した、親のないSVGPathSegCurvetoCubicRel オブジェクトを返します。

SVGPathElement.createSVGPathSegCurvetoQuadraticAbs()非推奨;

独立した、親のないSVGPathSegCurvetoQuadraticAbs オブジェクトを返します。

SVGPathElement.createSVGPathSegCurvetoQuadraticRel()非推奨;

独立した、親のないSVGPathSegCurvetoQuadraticRel オブジェクトを返します。

SVGPathElement.createSVGPathSegArcAbs()非推奨;

独立した、親のないSVGPathSegArcAbs オブジェクトを返します。

SVGPathElement.createSVGPathSegArcRel()非推奨;

独立した、親のないSVGPathSegArcRel オブジェクトを返します。

SVGPathElement.createSVGPathSegLinetoHorizontalAbs()非推奨;

独立した、親のないSVGPathSegLinetoHorizontalAbs オブジェクトを返します。

SVGPathElement.createSVGPathSegLinetoHorizontalRel()非推奨;

独立した、親のないSVGPathSegLinetoHorizontalRel オブジェクトを返します。

SVGPathElement.createSVGPathSegLinetoVerticalAbs()非推奨;

独立した、親のないSVGPathSegLinetoVerticalAbs オブジェクトを返します。

SVGPathElement.createSVGPathSegLinetoVerticalRel()非推奨;

独立した、親のないSVGPathSegLinetoVerticalRel オブジェクトを返します。

SVGPathElement.createSVGPathSegCurvetoCubicSmoothAbs()非推奨;

独立した、親のないSVGPathSegCurvetoCubicSmoothAbs オブジェクトを返します。

SVGPathElement.createSVGPathSegCurvetoCubicSmoothRel()非推奨;

独立した、親のないSVGPathSegCurvetoCubicSmoothRel オブジェクトを返します。

SVGPathElement.createSVGPathSegCurvetoQuadraticSmoothAbs()非推奨;

独立した、親のないSVGPathSegCurvetoQuadraticSmoothAbs オブジェクトを返します。

SVGPathElement.createSVGPathSegCurvetoQuadraticSmoothRel()非推奨;

独立した、親のないSVGPathSegCurvetoQuadraticSmoothRel オブジェクトを返します。

仕様書

Specification
Scalable Vector Graphics (SVG) 2
# InterfaceSVGPathElement

ブラウザーの互換性

関連情報

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp