« SVG Attribute reference home
Pour les éléments <circle>
et <ellipse>
, cet attribut définit la coordonnée suivant l'axe y du centre de l'élément. Si l'attribut n'est pas spécifié, l'effet est le même que si une valeur de « 0 » avait été spécifiée.
Pour l'élément <radialgradient>
, cet attribut définit la coordonnée suivant l'axe y du plus grand (c'est-à-dire du plus externe) cercle pour le dégradé radial. Le dégradé sera dessiné de telle façon que la limite de dégradé de 100% corresponde au périmètre de ce plus grand cercle. Si l'attribut n'est pas spécifié, l'effet produit est comme si une valeur de « 50% » était spécifiée.
Contexte d'utilisation
Catégories | Aucune |
---|---|
Valeur | <coordinate> |
Animable | Oui |
Document normatif | SVG 1.1 (2nd Edition): The circle element SVG 1.1 (2nd Edition): The ellipse element SVG 1.1 (2nd Edition): The radialGradient element |
- <coordinate>
-
A <coordinate> is a length in the user coordinate system that is the given distance from the origin of the user coordinate system along the relevant axis (the x-axis for X coordinates, the y-axis for Y coordinates). Its syntax is the same as that for <length>.
Within the SVG DOM, a <coordinate> is represented as an
SVGLength
or anSVGAnimatedLength
.
Exemple
<svg width="120" height="220" viewPort="0 0 120 120" version="1.1" xmlns="https://www.w3.org/2000/svg"> <style type="text/css"> <![CDATA[ circle.circleClass { stroke: #006600; fill: #cc0000; } ]]> </style> <circle class="circleClass" cx="40" cy="50" r="26" /> </svg>
Elements
Les éléments suivants peuvent utilisés l'attribut cy
: