Rectangle SVG

» INDEX «

L'élément RECT permet de dessiner un rectangle à angles droits ou arrondis.

Ses attributs sont :

x = coordonnée Coordonnée de la partie gauche du rectangle
Si elle n'est pas spécifiée, elle prend la valeur 0
y = coordonnée coordonnée de la partie haute du rectangle
Si elle n'est pas spécifiée, elle prend la valeur 0
width = longueur largeur du rectangle
Si elle est négative, une erreur est générée
Si elle vaut 0, le rectangle n'est pas pris en compte
height = longueur hauteur du rectangle
Si elle est négative, une erreur est générée
Si elle vaut 0, le rectangle n'est pas pris en compte
rx = longueur Dans le cas des rectangles a angles arrondis, defini le centre de l'ellipse
Si elle est négative, une erreur est générée
Si une des valeurs rx ou ry n'est pas spécifiée l'autre valeur lui est assignée
ry = longueur Dans le cas des rectangles a angles arrondis, defini le centre de l'ellipse
Si elle est négative, une erreur est générée
Si une des valeurs rx ou ry n'est pas spécifiée l'autre valeur lui est assignée



  Exemple :  
Exemples de rectangles à angles droits et arrondis :



La syntaxe utilisée est :

<rect x="1" y="1" width="1198" height="398" fill="none" stroke="blue" stroke-width="2"/>

<rect x="100" y="100" width="300" height="150" fill="midnightblue" />

<rect x="450" y="100" width="300" height="150" rx="50" stroke-width="5" stroke="black" fill="lightsteelblue" />

<g transform="translate(700 210) rotate(-30)">
   <rect x="0" y="0" width="400" height="200" rx="50" fill="none" stroke="gray" stroke-width="30" />
</g>
commentaires / remarques
© Copyright 2004 by StartYourDev
Ajouter aux favoris contact plan du site Downloads Liens - Partenaires
Accueil
Rubrique HTML Rubrique XML-XSL Rubrique XHTML Rubrique CSS Rubrique JavaScript Rubrique SVG Rubrique Codes - Tutoriels
S V G
Introduction
Index - Liste des tags
Les graphiques
Les formes
Les filtres et effets