SVG
Rectangle

Android Angular 2 AngularJS CSS HTML Java Language JavaScript jQuery PHP Python Language
Recherche…


Paramètres

Attribut La description
X Position horizontale du rectangle de la marge gauche.
y Position verticale du rectangle à partir de la marge supérieure.
largeur Largeur du rectangle.
la taille Hauteur du rectangle.
rx Rayon horizontal de l'ellipse utilisé pour arrondir les coins du rectangle
ry Rayon vertical de l'ellipse utilisé pour arrondir les coins du rectangle
accident vasculaire cérébral Couleur de la bordure du rectangle.
largeur du trait Largeur de la bordure du rectangle.
remplir Couleur à l' intérieur de la bordure du rectangle.

Remarques

Des informations détaillées sur l'élément SVG «rect» peuvent être trouvées dans la recommandation W3C pour SVG .

Dessine un rectangle noir sans remplissage

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <rect x="10" y="10" width="50" height="100" stroke="black" stroke-width="5" fill="none" />
</svg>

Résultat:

entrer la description de l'image ici

Dessine un rectangle noir avec un remplissage jaune et des coins arrondis

  • Les attributs width et height désignent les dimensions du rectangle. Ces valeurs sont en pixels par défaut
  • La valeur de fill définit la couleur du rectangle. Si aucune valeur pour le fill n'est spécifiée, le noir est utilisé par défaut 
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <rect x="10" y="10" width="50" height="100" rx="10" ry="10" stroke="black" stroke-width="5" fill="yellow" />
</svg>

Résultat:

entrer la description de l'image ici



Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow