Valeur de cette activité : 5 points
Compétence :
16- SVG Utilisation d'un éditeur SVG en ligne

A-Module 05 : SVG : 5 points - difficulté : 2

SVG Utilisation d'un éditeur en ligne

Présentation

Vous savez maintenant utiliser différents objets du langage SVG directement à partir du code SVG.

Nous allons voir ici comment utiliser un éditeur SVG en ligne afin de faciliter le travail.



Description



Dans cet exercice, vous allez produire en utilisant un éditeur en ligne un fichier svg affichant une voiture.



Vous allez ensuite récupérer le code SVG produit et le modifier afin d'animer votre création.

Étape 1 : Création de votre fichier SVG

  1. cliquez ici afin d'afficher l'éditeur ou utilisez tout autre éditeur SVG en ligne de votre choix (google : svg online editor).

  2. Construisez à partir de cet éditeur votre voiture

  3. Afficher le code produit et copiez-le dans le presse-papier

  4. Ajoutez une page à votre portfolio en affichant la directive 13373.
    Complétez les informations suivantes :
    dans le champ titre : Éditeur en ligne SVG
  5. Dans le champ section : Module SVG
  6. un titre de niveau 1 : Éditeur en ligne SVG


  7. Collez dans votre page le code de votre voiture svg

  8. Modifier ce code afin d'animer votre voiture (déplacement : translation) ou toute autre animation de votre choix

  9. Cochez la case à cocher de correction du travail

  10. Enregistrez cette page, visualisez votre travail et apportez les corrections au besoin.

    Cette page servira à la correction de votre travail et à transmettre mes commentaires concernant ton travail.