blob: 2993848c2ec640fefa12420ed44f05301ee1b900 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
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>
|
