SVG
Rettangolo

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


Parametri

Attributo Descrizione
X Posizione orizzontale del rettangolo dal margine sinistro.
y Posizione verticale del rettangolo dal margine superiore.
larghezza Larghezza del rettangolo
altezza Altezza del rettangolo
rx Raggio orizzontale dell'ellisse utilizzato per arrotondare gli angoli del rettangolo
ry Raggio verticale dell'ellisse usato per arrotondare gli angoli del rettangolo
ictus Colore del bordo del rettangolo.
stroke-width Larghezza del bordo del rettangolo.
riempire Colore all'interno del bordo del rettangolo.

Osservazioni

Informazioni dettagliate sull'elemento 'rect' di SVG sono disponibili nella Raccomandazione W3C per SVG .

Disegna un rettangolo nero senza riempimento

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

Risultato:

inserisci la descrizione dell'immagine qui

Disegna un rettangolo nero con riempimento giallo e angoli arrotondati

  • Gli attributi width e height indicano le dimensioni del rettangolo. Questi valori sono in pixel per impostazione predefinita
  • Il valore di fill imposta il colore per il rettangolo. Se non viene specificato alcun valore per il fill , per impostazione predefinita viene utilizzato il nero 
<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>

Risultato:

inserisci la descrizione dell'immagine qui



Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow