SVG - Les chemins

Description

Les commandes de chemins sont :


    M = moveto (aller au point)
    L = lineto (ligne au point)
    H = horizontal lineto (ligne horizontale vers )
    V = vertical lineto (ligne verticale)
    C = curveto (courbe vers ...)
    S = smooth curveto (courbe douce vers ...)
    Q = quadratic Bézier curve (courbe quadratique de  bézier )
    T = smooth quadratic Bézier curveto (courbe quadratique de  bézier douce)
    A = elliptical Arc (arc de cercle)
    Z = closepath (fermer le chemin)

1. Ajoutez une page à votre portfolio en affichant la directive 34342.
   Complétez les informations suivantes :
   dans le champ titre : Les chemins SVG
   
2. Dans le champ section : Module SVG
   
3. un titre de niveau 1 : Les chemins SVG
   
   
   
   
   Cliquez le bouton SVG de votre barre de bouton SVG afin d'effectuer la déclaration XML.
   
   Notez que dans ce code vous pouvez spécifier la taille de l'affichage : <svg width="500" height="500"></svg>
   
   
4. Consultezle site suivant :
   - https://www.w3schools.com/graphics/svg_path.asp afin de comprendre l'utilisation des chemins SVG.
   
   -Consultez également ce site http://www.kevlindev.com/dom/path_parser/testParser.svg afin de comprendre l'utilisation des chemins SVG.
   
   -Consultez également ce site pour des exemples : http://apike.ca/prog_svg_paths.html
   
   
5. Vous devez produire dans votre page le code SVG qui affichera un objet de votre choix représentant un objet reconnaissable en utilisant la notion de chemin SVG (Path) et en utilisant un minimum de 4 commandes de chemin les chemins SVG..
   
   Voici 3 méthodes suggérées :
   
   1) Utilisez GIMP et l'outil chemin
   Tracez votre chemin
   Affichez la fenêtre des chemins
   Faites un clic droit sur votre chemin et Exportez votre chemin
   Ouvrez votre fichier .svg produit (avec geany) et copiez/collez le code dans votre page
   
   2) Utilisez INKSCAPE
   Utilisez l'outil chemin
   Tracez votre chemin
   Enregistrez votre chemin au format .svg
   Ouvrez votre fichier .svg produit (avec geany) et copiez/collez le code dans votre page
   
   3) Programmez directement votre chemin dans votre page en utilisant les sites en exemple mentionnés plus haut
   
   
6. Cochez la case à cocher de correction du travail
   
   
7. 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.