SVGGraphicsElement

SVGGraphicsElement インターフェイスは、直接グループにグラフィックを描画することを主な目的とした SVG 要素を表します。

メモ: このインターフェイスは SVG 2 で導入され、 SVG 1.1 で導入された SVGLocatable および SVGTransformable インターフェイスを置き換えています。

プロパティ

このインターフェイスは親である SVGElement からプロパティを継承しています。

SVGGraphicsElement.transform 読取専用
SVGAnimatedTransformList で、指定された要素の transform プロパティおよび関連する transform 属性の計算値を反映します。

メソッド

このインターフェイスは親である SVGElement からメソッドを継承しています。

SVGGraphicsElement.getBBox()
DOMRect で、現在の要素の計算上の囲みボックスを返します。
SVGGraphicsElement.getCTM()
DOMMatrix で、現在の要素の座標系をその SVG ビューポートの座標系に変換する行列を返します。
SVGGraphicsElement.getScreenCTM()
DOMMatrix で、現在の要素の座標系を SVG 文書フラグメントの SVG ビューポートの座標系に変換する行列を返します。

仕様書

仕様書 状態 備考
Scalable Vector Graphics (SVG) 2
SVGGraphicsElement の定義
勧告候補 初回定義

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
SVGGraphicsElementChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE 未対応 なしOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
getBBoxChrome 完全対応 ありEdge 完全対応 15Firefox 完全対応 あり
補足
完全対応 あり
補足
補足 The getBBox() method returns an empty DOMRect when there is no fill (bug 1019326).
補足 This method doesn't work for <textPath> and <tspan> elements (bug 937268).
IE 未対応 なしOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 あり
補足
完全対応 あり
補足
補足 The getBBox() method returns an empty DOMRect when there is no fill (bug 1019326).
補足 This method doesn't work for <textPath> and <tspan> elements (bug 937268).
Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
getCTMChrome 完全対応 ありEdge 完全対応 15Firefox 完全対応 ありIE 未対応 なしOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
getScreenCTMChrome 完全対応 ありEdge 完全対応 15Firefox 完全対応 ありIE 未対応 なしOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
transformChrome 完全対応 ありEdge 完全対応 15Firefox 完全対応 ありIE 未対応 なしOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応
未対応  
未対応
実装ノートを参照してください。
実装ノートを参照してください。