From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/pt-br/web/svg/element/g/index.html | 61 ++++++++++++++++++++++++++++++++ 1 file changed, 61 insertions(+) create mode 100644 files/pt-br/web/svg/element/g/index.html (limited to 'files/pt-br/web/svg/element/g') diff --git a/files/pt-br/web/svg/element/g/index.html b/files/pt-br/web/svg/element/g/index.html new file mode 100644 index 0000000000..e83eecf1bc --- /dev/null +++ b/files/pt-br/web/svg/element/g/index.html @@ -0,0 +1,61 @@ +--- +title: g +slug: Web/SVG/Element/g +tags: + - Elemento + - Referencia + - SVG + - SVG Recipiente +translation_of: Web/SVG/Element/g +--- +
{{SVGRef}}
+ +

O elemento g é um recipiente utilizado para agrupar objetos. Transformações aplicadas no elemento g são repassadas para todos os seus elementos filhos. Atributos também são herdados por elementos filhos. Além disso, pode ser utilizado para definir objetos complexos que poderão ser referenciados mais tarde pelo elemento {{SVGElement("use")}}.

+ +

Contexto de uso

+ +

{{svginfo}}

+ +

Exemplo

+ +
<svg width="100%" height="100%" viewBox="0 0 95 50"
+     xmlns="http://www.w3.org/2000/svg">
+  <g stroke="green" fill="white" stroke-width="5">
+    <circle cx="25" cy="25" r="15" />
+    <circle cx="40" cy="25" r="15" />
+    <circle cx="55" cy="25" r="15" />
+    <circle cx="70" cy="25" r="15" />
+  </g>
+</svg>
+
+ +

{{EmbedLiveSample("Exemplo",220,130)}}

+ +

Atributos

+ +

Atributos globais

+ + + +

Atributos específicos

+ +

There is no specific attributes

+ +

Interface DOM

+ +

Este elemento implementa a interface do SVGGElement.

+ +

Compatibilidade dos navegadores

+ + + +

{{Compat("svg.elements.g")}}

-- cgit v1.2.3-54-g00ecf