From 88dda3c00eefc18a29447e99ebd3177925602b52 Mon Sep 17 00:00:00 2001 From: julieng Date: Mon, 1 Nov 2021 07:51:45 +0100 Subject: convert content to md --- files/fr/web/svg/element/animatemotion/index.md | 147 ++++++++++-------------- 1 file changed, 63 insertions(+), 84 deletions(-) (limited to 'files/fr/web/svg/element/animatemotion') diff --git a/files/fr/web/svg/element/animatemotion/index.md b/files/fr/web/svg/element/animatemotion/index.md index d5bc8130ca..248868dd83 100644 --- a/files/fr/web/svg/element/animatemotion/index.md +++ b/files/fr/web/svg/element/animatemotion/index.md @@ -7,103 +7,82 @@ tags: - SVG translation_of: Web/SVG/Element/animateMotion --- -
{{SVGRef}}
+{{SVGRef}} -

L'élément <animateMotion> permet d'animer un élément le long d'un chemin donné.

+L'élément **``** permet d'animer un élément le long d'un chemin donné. -

Contexte d'utilisation

+## Contexte d'utilisation -

{{svginfo}}

+{{svginfo}} -

Attributs

+## Attributs -

Attributs globaux

+### Attributs globaux - +- [Attributs à traitement conditionnel](/fr/docs/Web/SVG/Attribute#ConditionalProccessing) » +- [Attributs fondamentaux](/fr/docs/Web/SVG/Attribute#Core) » +- [Attributs d'événements d'animation](/fr/docs/SVG/Attribute#AnimationEvent) » +- [Attributs XLink](/fr/docs/Web/SVG/Attribute#XLink) » +- [Attributs d'animation de timing](/fr/docs/SVG/Attribute#AnimationTiming "SVG/Attribute#AnimationTiming") » +- [Attributs d'animation de valeurs](/fr/docs/SVG/Attribute#AnimationValue "SVG/Attribute#AnimationValue") » +- [Attributs d'animation d'ajout](/fr/docs/SVG/Attribute#AnimationAddition "SVG/Attribute#AnimationAddition") » +- {{ SVGAttr("externalResourcesRequired") }} -

Attributs spécifiques

+### Attributs spécifiques - +- {{ SVGAttr("calcMode") }} +- {{ SVGAttr("path") }} +- {{ SVGAttr("keyPoints") }} +- {{ SVGAttr("rotate") }} +- {{ SVGAttr("origin") }} -

Interface DOM

+## Interface DOM -

Cet élément implémente l'interface SVGAnimateMotionElement.

+Cet élément implémente l'interface [`SVGAnimateMotionElement`](/fr/docs/DOM/SVGAnimateMotionElement "en/DOM/SVGAnimateMotionElement"). -

Exemple

+## Exemple -

SVG

+### SVG -
<?xml version="1.0"?>
-<svg width="120" height="120" viewBox="0 0 120 120"
+```html
+
+
 
-  <!-- Dessine le chemin en gris, avec 2 cercles aux extrémités -->
-  <path d="M10,110 A120,120 -45 0,1 110 10 A120,120 -45 0,1 10,110"
+  
+  
-
-
Résultat

-
-
{{EmbedLiveSample("Exemple", 120, 120)}}

-
-
Spécifications

-
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
- 
-
SpécificationStatutCommentaire
{{SpecName("SVG Animations 2", "#AnimateMotionElement", "<animateMotion>")}}{{Spec2("SVG Animations 2")}}Aucun changement
{{SpecName('SVG1.1', 'animate.html#AnimateMotionElement', '<animateMotion>')}}{{Spec2('SVG1.1')}}Définition initiale

-
-
Compatibilité des navigateurs

-
-
{{Compat("svg.elements.animateMotion")}}

-
-
Voir aussi

-
-
    
- 
  • {{ SVGElement("mpath") }}
    • 
-

+      fill="none" id="theMotionPath"/>
+  
+  
+
+  
+  
+
+    
+    
+      
+    
+  
+
+```
+
+### Résultat
+
+{{EmbedLiveSample("Exemple", 120, 120)}}
+
+## Spécifications
+
+| Spécification                                                                                                    | Statut                                   | Commentaire         |
+| ---------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | ------------------- |
+| {{SpecName("SVG Animations 2", "#AnimateMotionElement", "<animateMotion>")}}     | {{Spec2("SVG Animations 2")}} | Aucun changement    |
+| {{SpecName('SVG1.1', 'animate.html#AnimateMotionElement', '<animateMotion>')}} | {{Spec2('SVG1.1')}}                 | Définition initiale |
+
+## Compatibilité des navigateurs
+
+{{Compat("svg.elements.animateMotion")}}
+
+## Voir aussi
+
+- {{ SVGElement("mpath") }}
-- 
cgit v1.2.3-54-g00ecf