1. ウェブ
  2. SVG
  3. リファレンス
  4. 要素
  5. <path>

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

View in English Always switch to English

<path>

Baseline 広く利用可能 *

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

* この機能の一部は、対応レベルが異なる場合があります。

<path> は SVG の要素で、図形を定義する汎用的な要素です。全ての基本図形は path 要素によって定義することができます。

使用コンテキスト

カテゴリーグラフィック要素、図形要素
許可されている内容任意の数、任意の順序の以下の要素。
アニメーション要素
説明的要素

属性

d

この属性は、図形のパスを定義します。 値の型: <string>; デフォルト値: ''; アニメーション: 可

pathLength

この属性は、ユーザー単位系でのパスの全長を指定することを可能にします。 値の型: <number>; デフォルト値: none; アニメーション: 可

DOM インターフェイス

この要素は SVGPathElement インターフェイスを実装しています。

例

html
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M 10,30
           A 20,20 0,0,1 50,30
           A 20,20 0,0,1 90,30
           Q 90,60 50,90
           Q 10,60 10,30 z" />
</svg>

仕様書

仕様書
Scalable Vector Graphics (SVG) 2
# PathElement

ブラウザーの互換性

関連情報

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告