Tracés

Les tracés SVG sont des contours de formes. Ils peuvent être remplis, une ligne peut être dessinée dessus ou utilisés en tant que tracés de détourage (découpages d’autres formes).Windows Internet Explorer 9 prend désormais en charge les tracés SVG, comme indiqué dans le module Paths de la spécification SVG 1.1 (Deuxième édition). Cela comprend la prise en charge de l’élément path, ainsi que de la propriété d, qui permet l’analyse des données du tracé.

Les interfaces DOM associées au module Path sont également prises en charge.

L’élément path permet de nombreux scénarios pour les développeurs. Vous trouverez ci-dessus quelques exemples simples. Après le code, vous trouverez le résultat correspondant dans Internet Explorer 9.

Forme fermée avec traits droits et remplissage


<?xml version="1.0" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
    "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink">

 <path d="M 20 20 L 60 20 L 40 60 z"
    fill="green"
    fill-opacity="0.5"
    stroke="red"
    stroke-width="3" />

 </svg>

Triangle SVG vert avec une bordure rouge

Tracé de Bezier (quadratique)


<path d="M20,30 Q40,50 60,30 T100,30"
    fill="none"
    stroke="red"
    stroke-opacity="0.2"
    stroke-width="3" />

Courbe rose en forme de « S »

Ligne avec arc


<path d="M30,60 l 50,0 a25,45 0 0,1 50,0 l 50,0"
    fill="green"
    stroke="blue"
    stroke-width="4" />aa700834

« Chapeau » bleu avec intérieur vert

Rubriques connexes

SVG

 

 

Afficher:
© 2014 Microsoft