1 files changed, 67 insertions, 0 deletions
diff --git a/files/zh-cn/web/api/svggraphicselement/index.html b/files/zh-cn/web/api/svggraphicselement/index.html
new file mode 100644
index 0000000000..6214ff482c
--- /dev/null
+++ b/files/zh-cn/web/api/svggraphicselement/index.html
@@ -0,0 +1,67 @@
+---
+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>
+
+<div class="hidden">此页面上的兼容性表是根据结构化数据生成的。如果您想贡献数据，请查看https://github.com/mdn/browser-compat-data并向我们发送请求请求。</div>
+
+<p>{{Compat("api.SVGGraphicsElement")}}</p>