aboutsummaryrefslogtreecommitdiff
path: root/files/pt-br/web/svg/element/g
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-08 14:42:52 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-08 14:42:52 -0500
commit074785cea106179cb3305637055ab0a009ca74f2 (patch)
treee6ae371cccd642aa2b67f39752a2cdf1fd4eb040 /files/pt-br/web/svg/element/g
parentda78a9e329e272dedb2400b79a3bdeebff387d47 (diff)
downloadtranslated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.gz
translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.bz2
translated-content-074785cea106179cb3305637055ab0a009ca74f2.zip
initial commit
Diffstat (limited to 'files/pt-br/web/svg/element/g')
-rw-r--r--files/pt-br/web/svg/element/g/index.html61
1 files changed, 61 insertions, 0 deletions
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
+---
+<div>{{SVGRef}}</div>
+
+<p>O elemento <code>g</code> é um recipiente utilizado para agrupar objetos. Transformações aplicadas no elemento <code>g</code> 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")}}.</p>
+
+<h2 id="Contexto_de_uso">Contexto de uso</h2>
+
+<p>{{svginfo}}</p>
+
+<h2 id="Exemplo">Exemplo</h2>
+
+<pre class="brush: html" style="">&lt;svg width="100%" height="100%" viewBox="0 0 95 50"
+     xmlns="http://www.w3.org/2000/svg"&gt;
+  &lt;g stroke="green" fill="white" stroke-width="5"&gt;
+    &lt;circle cx="25" cy="25" r="15" /&gt;
+    &lt;circle cx="40" cy="25" r="15" /&gt;
+    &lt;circle cx="55" cy="25" r="15" /&gt;
+    &lt;circle cx="70" cy="25" r="15" /&gt;
+  &lt;/g&gt;
+&lt;/svg&gt;
+</pre>
+
+<p>{{EmbedLiveSample("Exemplo",220,130)}}</p>
+
+<h2 id="Atributos">Atributos</h2>
+
+<h3 id="Atributos_globais">Atributos globais</h3>
+
+<ul>
+ <li><a href="/pt-BR/docs/SVG/Attribute#ConditionalProccessing" title="SVG/Attribute#ConditionalProccessing">Atributos de processamento condicional</a> »</li>
+ <li><a href="/pt-BR/docs/SVG/Attribute#Core" title="SVG/Attribute#Core">Atributos principais</a> »</li>
+ <li><a href="/pt-BR/docs/SVG/Attribute#GraphicalEvent" title="SVG/Attribute#GraphicalEvent">Atributos de eventos gráficos</a> »</li>
+ <li><a href="/pt-BR/docs/SVG/Attribute#Presentation" title="SVG/Attribute#Presentation">Atributos de apresentação</a> »</li>
+ <li>{{SVGAttr("class")}}</li>
+ <li>{{SVGAttr("style")}}</li>
+ <li>{{SVGAttr("externalResourcesRequired")}}</li>
+ <li>{{SVGAttr("transform")}}</li>
+</ul>
+
+<h3 id="Atributos_específicos">Atributos específicos</h3>
+
+<p><em>There is no specific attributes</em></p>
+
+<h2 id="Interface_DOM">Interface DOM</h2>
+
+<p>Este elemento implementa a interface do <code><a href="/pt-BR/docs/DOM/SVGGElement" title="DOM/SVGGElement">SVGGElement</a></code>.</p>
+
+<h2 id="Compatibilidade_dos_navegadores">Compatibilidade dos navegadores</h2>
+
+
+
+<p>{{Compat("svg.elements.g")}}</p>