Valeur de cette activité : 5 points
Compétence :
03- SVG- Le texte

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

SVG Texte

Présentation

Le langage SVG permet de dessiner différentes formes : cercles, rectangles, lignes, ovales, polygones et des tracés mais permet également d'utiliser le texte.
Consultez ce site (cliquez ici) afin d'obtenir des informations détaillées concernant le texte SVG.

Pour consulter des exemples SVG, cliquez ici.

Pour consulter un cours d'introduction au langage SVG : Cours ESI Montréal.
ou
Cours SVG Euroclid



Description


Dans cette exercice. vous dessinerez à l'aide du code SVG un rectangle et vous insérerez un texte du couleur à l'intérieur de ce dernier.





  1. Ajoutez une page à votre portfolio en affichant la directive 12874.
  2. - dans le champ titre : Le TEXTE SVG
  3. - dans le champ matière : Informatique
  4. - dans le champ section : Module SVG
  5. - un titre de niveau 1: Le TEXTE SVG




  6. Cliquez le bouton SVG afin d'afficher les assistants SVG
  7. Cliquez le bouton SVG de votre barre de boutons SVG afin d'effectuer la déclaration XML.
    Notez que dans ce code vous devez spécifier la taille de l'affichage :
    <svg width="200" height="200"></svg>
    Pour insérez votre rectangle , placez votre curseur entre les balise SVG et /SVG et cliquez le bouton SVG_RECTANGLE de votre barre de boutons SVG


  8. - Réglez la taille de votre choix pour votre rectangle .


  9. - Réglez la couleur de votre rectangle (couleur de votre choix paramètre fill:...).




  10. Pour insérez votre texte, placez votre curseur à la suite de votre rectangle et cliquez le bouton SVG_TEXTE_SIMPLE .

  11. Précisez ensuite l'emplacement de votre texte, sa taille, sa police et sa couleur .

    afin de connaître les valeurs de police disponible, tapez dans le terminal la commande :
    convert -list font
    ou
    xfontsel

  12. Ajoute ensuite un deuxième texte en précisant l'emplacement de votre texte, sa taille, sa police et sa couleur (avec des valeurs différentes du premier texte) .


  13. Cochez la case à cocher de correction du travail

  14. 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.