<path>

概要

path 要素は図形を定義する汎用的な要素です。全ての基本図形は path 要素によって定義されます。

使用可能な場所

カテゴリーグラフィックス要素 、 図形要素
許可された内容任意の数、任意の順で以下の要素を配置可能:
アニメーション要素
説明的要素

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 400 400"
     xmlns="http://www.w3.org/2000/svg" version="1.1">

  <path d="M 100 100 L 300 100 L 200 300 z"
        fill="red" stroke-width="3" />
</svg>

属性

グローバル属性

専用属性

DOM インターフェース

この要素は SVGPathElement インターフェースを提供します。

仕様

仕様 状態 コメント
SVG Paths
<path> の定義
草案
Scalable Vector Graphics (SVG) 2
<path> の定義
勧告候補
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
<path> の定義
勧告 最初の定義

ブラウザ実装状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
pathChrome 完全対応 1Edge 完全対応 ありFirefox 完全対応 1.5IE 完全対応 9Opera 完全対応 8Safari 完全対応 3WebView Android 完全対応 3Chrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 3Samsung Internet Android ?
dChrome 完全対応 1Edge 完全対応 ありFirefox 完全対応 1.5IE 完全対応 9Opera 完全対応 8Safari 完全対応 3WebView Android 完全対応 3Chrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 3Samsung Internet Android ?

凡例

完全対応  
完全対応
実装状況不明  
実装状況不明

関連情報