---
title: SVGGraphicsElement
slug: Web/API/SVGGraphicsElement
tags:
  - API
  - NeedsExample
  - NeedsTranslation
  - Reference
  - SVG
  - SVG OM
  - TopicStub
translation_of: Web/API/SVGGraphicsElement
---
<div>{{APIRef("SVG")}}</div>

<p> <strong><code>SVGGraphicsElement </code></strong>接口表示SVG元素，其主要目的是将图形直接渲染到组中。</p>

<p>{{InheritanceDiagram(600, 120)}}</p>

<div class="note">
<p><strong>提示:</strong> 该接口是SVG 2中引入的，它取代了SVG 1.1中的{{domxref("SVGLocatable")}}和{{domxref("SVGTransformable")}}接口。</p>
</div>

<h2 id="属性">属性</h2>

<p>此接口还从其父接口{{domxref("SVGElement")}}继承属性</p>

<dl>
 <dt>{{domxref("SVGGraphicsElement.transform")}} {{ReadOnlyInline}}<br>
 一个{{domxref("SVGAnimatedTransformList")}}反映给定元素的{{cssxref("transform")}}属性的计算值及其对应的{{SVGAttr("transform")}}}属性。</dt>
</dl>

<h2 id="方法">方法</h2>

<p>此接口还从其父方法{{domxref("SVGElement")}}继承方法。</p>

<dl>
 <dt>{{domxref("SVGGraphicsElement.getBBox()")}}</dt>
 <dd>返回一个{{domxref("DOMRect")}}，它表示当前元素的计算出的边界框。</dd>
 <dt>{{domxref("SVGGraphicsElement.getCTM()")}}</dt>
 <dd>返回一个{{domxref("DOMMatrix")}}，代表将当前元素的坐标系转换为其SVG视口的坐标系的矩阵。</dd>
 <dt>{{domxref("SVGGraphicsElement.getScreenCTM()")}}</dt>
 <dd>返回一个{{domxref("DOMMatrix")}}代表表示将当前元素的坐标系转换为SVG文档片段的SVG视口的坐标系的矩阵。</dd>
</dl>

<h2 id="规范">规范</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">规范</th>
   <th scope="col">状态</th>
   <th scope="col">说明</th>
  </tr>
  <tr>
   <td>{{SpecName("SVG2", "types.html#InterfaceSVGGraphicsElement", "SVGGraphicsElement")}}</td>
   <td>{{Spec2("SVG2")}}</td>
   <td>Initial definition</td>
  </tr>
 </tbody>
</table>

<h2 id="浏览器兼容性">浏览器兼容性</h2>

<p>{{Compat("api.SVGGraphicsElement")}}</p>