Limited support 注意が必要。一部のブラウザのみ対応。プロダクション利用は慎重に判断すること。

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
SVGPoint
非推奨
1
12
1.5
3
18
1
text
非推奨

text は SVGAElement インターフェイスのプロパティで、 Node.textContent プロパティの別名である文字列を返します。

61
className
非推奨
1
12
1.5
3
18
1
createSVGPathSegArcAbs
非推奨
1
12
1.5
3
18
1
createSVGPathSegArcRel
非推奨
1
12
1.5
3
18
1
createSVGPathSegClosePath
非推奨
1
12
1.5
3
18
1
createSVGPathSegCurvetoCubicAbs
非推奨
1
12
1.5
3
18
1
createSVGPathSegCurvetoCubicRel
非推奨
1
12
1.5
3
18
1
createSVGPathSegCurvetoCubicSmoothAbs
非推奨
1
12
1.5
3
18
1
createSVGPathSegCurvetoCubicSmoothRel
非推奨
1
12
1.5
3
18
1
createSVGPathSegCurvetoQuadraticAbs
非推奨
1
12
1.5
3
18
1
createSVGPathSegCurvetoQuadraticRel
非推奨
1
12
1.5
3
18
1
createSVGPathSegCurvetoQuadraticSmoothAbs
非推奨
1
12
1.5
3
18
1
createSVGPathSegCurvetoQuadraticSmoothRel
非推奨
1
12
1.5
3
18
1
createSVGPathSegLinetoAbs
非推奨
1
12
1.5
3
18
1
createSVGPathSegLinetoHorizontalAbs
非推奨
1
12
1.5
3
18
1
createSVGPathSegLinetoHorizontalRel
非推奨
1
12
1.5
3
18
1
createSVGPathSegLinetoRel
非推奨
1
12
1.5
3
18
1
createSVGPathSegLinetoVerticalAbs
非推奨
1
12
1.5
3
18
1
createSVGPathSegLinetoVerticalRel
非推奨
1
12
1.5
3
18
1
createSVGPathSegMovetoAbs
非推奨
1
12
1.5
3
18
1
createSVGPathSegMovetoRel
非推奨
1
12
1.5
3
18
1
getPathSegAtLength
非推奨
1
12
1.5
3
18
1
matrixTransform
非推奨
1
12
1.5
3
18
1
x
非推奨
1
12
1.5
3
18
1
y
非推奨
1
12
1.5
3
18
1

SVGRenderingIntent インターフェイスは、レンダリング インテントの属性または記述子に使用できる値の列挙リストを定義します。

1
3.1
18
2
type
非推奨

SVGStyleElement.type プロパティは、現在のスタイルのタイプを返します。 値は、関連する SVG 要素の type 属性を反映します。

1
12
1.5
3
18
1
currentView
非推奨 非標準
21
1.5
7
25
7
forceRedraw
非推奨
1
12
1.5
3
18
1
suspendRedraw
非推奨
1
12
1.5
3
18
1
unsuspendRedraw
非推奨
1
12
1.5
3
18
1
unsuspendRedrawAll
非推奨
1
12
1.5
3
18
1
useCurrentView
非推奨 非標準
1
15
3
18
1
selectSubString
非推奨
1
12
1.5
3
18
1
CSS @ ルール
SVG fonts
非推奨 非標準

SVGフォント

1
3.1
18
3
その他
svg.elements.a.xlink_actuate
非推奨

`xlink:actuate`

1
79
1.5
3.1
18
2

`xlink:href`

1
12
1.5
3.1
18
2

`xlink:show`

1
79
1.5
3.1
18
2

`xlink:タイトル`

1
79
1.5
3.1
18
2
svg.elements.feImage.xlink_href
非推奨

`xlink:href`

5
12
4
6
18
6

`xlink:href`

5
79
3
6
18
6
svg.elements.image.xlink_href
非推奨

`xlink:href`

1
79
1.5
3
18
2
svg.elements.linearGradient.xlink_href
非推奨

`xlink:href`

1
79
1.5
3
18
2
svg.elements.mpath.xlink_href
非推奨

`xlink:href`

19
79
4
6
25
6
svg.elements.pattern.xlink_href
非推奨

`xlink:href`

1
12
3
3
18
3
svg.elements.radialGradient.xlink_href
非推奨

`xlink:href`

1
79
1.5
3
18
2
svg.elements.script.xlink_href
非推奨

xlink:href

1
79
1.5
3
18
2

BaseProfile 属性は、コンテンツを正しくレンダリングするために作成者が必要と考える最小の SVG 言語プロファイルを記述します。 この属性は処理制限を指定しません。 それはメタデータとみなすことができます。

1
12
1.5
3
18
2

version 属性は、SVG ドキュメントがどの仕様に準拠しているかを示すために使用されます。 ルート svg 要素でのみ許可されます。 これは純粋にアドバイスであり、レンダリングや処理には影響しません。

1
12
1.5
3
18
2

zoomAndPan 属性は、SVG ドキュメントを拡大およびパンできるかどうかを指定します。

1
12
1.5
3
18
2
svg.elements.textPath.xlink_href
非推奨

`xlink:href`

1
12
2
3.1
18
2
svg.elements.use.xlink_href
非推奨

`xlink:href`

1
12
1.5
3
18
2

zoomAndPan 属性は、SVG ドキュメントを拡大およびパンできるかどうかを指定します。

1
79
15
3
18
2

clip 属性は、要素の表示領域を定義します。代わりに clip-path を使用してください。

1
12
1
1
18
1

glyph-orientation-horizo​​ntal 属性は、各グリフがレンダリングされるときに現在のテキスト位置が進む量に影響します。

≤13.1
≤13.4

glyph-orientation-vertical 属性は、各グリフがレンダリングされるときに現在のテキスト位置が進む量に影響します。

≤13.1
≤13.4

XML:言語

1
12
1
≤4
18
≤3.2

XML:スペース

6
79
3
5
18
4.2
1+対応 (バージョン) 未対応 注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (125)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (59)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (59)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (59)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (59)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (59)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (59)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (59)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (59)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (59)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (59)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (59)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (59)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (59)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (59)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (59)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (59)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (59)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (59)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (59)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (48)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (62)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (97)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (62)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (45)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (17.4)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (45)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (17.4)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (56)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (21)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (56)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (56)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (107)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (56)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (38)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (38)
注釈 1件
実験的機能
  • ドキュメントのフラグメント (現在のドキュメント内のフラグメントへの参照を含む) はサポートされていません (バグ 455986 を参照)。
注釈 1件
実装メモ
  • Safari は「clip: auto」を「clip: rect(auto, auto, auto, auto)」と誤って解釈します。
注釈 1件
実装メモ
  • iOS 上の Safari は、`clip: auto` を `clip: rect(auto, auto, auto, auto)` として誤って解釈します。

基本構文

HTML
<!-- Deprecated: xlink:href --> <use xlink:href="#icon" /> <!-- Recommended: href --> <use href="#icon" />

ライブデモ

recommended: Href

CSS recommended: href demo.

プレビュー全画面表示

non-recommended: Xlink:href

CSS non-recommended: xlink:href demo.

プレビュー全画面表示

reuse with use

reuse demo. with CSS use

プレビュー全画面表示

実務での使いどころ

  • レガシーSVGの移行

    SVG 1.1 固有の機能を使用しているコンテンツを、SVG 2 準拠の記法に更新する際の参考にします。

注意点

  • SVG 1.1 の非推奨機能はブラウザサポートが不安定であり、将来的に完全に削除される可能性があります。

アクセシビリティ

  • SVGフォントの代わりにWebフォントを使用し、スクリーンリーダーとの互換性を確保してください。