blob: b09127f599bba201392b0bce75378d8ff217b7b2 (
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
|
---
title: animateMotion
slug: Web/SVG/Element/animateMotion
tags:
- Animação
- Elemento
- Forma
- SVG
translation_of: Web/SVG/Element/animateMotion
---
<div>{{SVGRef}}</div>
<p>O elemento <code>animateMotion</code> interfere em uma elemento referenciado para se mover ao longo de uma trajetória de movimento.</p>
<h2 id="Contexto_de_uso">Contexto de uso</h2>
<p>{{svginfo}}</p>
<h2 id="Exemplo">Exemplo</h2>
<p>» <a href="/files/3261/animateMotion.svg" title="/files/3261/animateMotion.svg">animateMotion.svg</a></p>
<h2 id="Atributos">Atributos</h2>
<h3 id="Atributos_globais">Atributos globais</h3>
<ul>
<li><a href="/pt-BR/docs/SVG/Attribute#ConditionalProccessing" title="en/SVG/Attribute#ConditionalProccessing">Atributos de processamento condicional</a> »</li>
<li><a href="/pt-BR/docs/SVG/Attribute#Core" title="en/SVG/Attribute#Core">Atributos principais</a> »</li>
<li><a href="/pt-BR/docs/SVG/Attribute#AnimationEvent" title="en/SVG/Attribute#AnimationEvent">Atributos de eventos da animação</a> »</li>
<li><a href="/pt-BR/docs/SVG/Attribute#XLink" title="en/SVG/Attribute#XLink">Atributos XLink</a> »</li>
<li><a href="/pt-BR/docs/SVG/Attribute#AnimationTiming" title="en/SVG/Attribute#AnimationTiming">Atributos de cronometragem da animação</a> »</li>
<li><a href="/pt-BR/docs/SVG/Attribute#AnimationValue" title="en/SVG/Attribute#AnimationValue">Atributos de valor de animação</a> »</li>
<li><a href="/pt-BR/docs/SVG/Attribute#AnimationAddition" title="en/SVG/Attribute#AnimationAddition">Atributos de animação adicionais</a> »</li>
<li>{{ SVGAttr("externalResourcesRequired") }}</li>
</ul>
<h3 id="Atributos_específicos">Atributos específicos</h3>
<ul>
<li>{{ SVGAttr("calcMode") }}</li>
<li>{{ SVGAttr("path") }}</li>
<li>{{ SVGAttr("keyPoints") }}</li>
<li>{{ SVGAttr("rotate") }}</li>
<li>{{ SVGAttr("origin") }}</li>
</ul>
<h2 id="Interface_DOM">Interface DOM</h2>
<p>Este elemento implementa a interface do <code><a href="/pt-BR/docs/DOM/SVGAnimateMotionElement" title="en/DOM/SVGAnimateMotionElement">SVGAnimateMotionElement</a></code>.</p>
<h2 id="Relacionado">Relacionado</h2>
<ul>
<li>{{ SVGElement("mpath") }}</li>
</ul>
|
