path()

La fonction (en-US) CSS path() accepte comme paramètre une chaîne représentant un tracé SVG. Elle est utilisée dans les formes CSS et les animations de tracés CSS pour permettre de dessiner une forme.

Syntaxe

path( [[<'fill-rule'>,]?<string>)

Paramètres

<'fill-rule'>
La règle de remplissage de l'intérieur du tracé. Les valeurs possibles sont nonzero ou evenodd. La valeur par défaut est nonzero. Voir fill-rule pour plus de détails.
<string>
Doit être une chaîne représentant les données d'un chemin SVG.

Exemples

Exemples de valeurs correctes pour path()

path("M 10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80");
path(evenodd,"M 10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80");

Utilisation en tant que valeur de offset-path

La fonction path() est utilisée pour créer un tracé à suivre pour l'élément. La modification de l'une de ces valeurs conduira celui-ci à ne pas pouvoir suivre le tracé de façon nette lors de l'animation.

Spécifications

Spécification Statut
CSS Shapes Module Level 1
La définition de 'path()' dans cette spécification.
Candidat au statut de recommandation

Voir aussi