cx

« SVG Attribute reference home

Pour les éléments <circle> et <ellipse>, cet attribut définit la coordonnée suivant l'axe x 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 x 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

<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 an SVGAnimatedLength.

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 cx :

• <circle>
• <ellipse>
• <radialgradient>