Szukaj…


Parametry

Atrybut Opis
x Pozioma pozycja prostokąta od lewego marginesu.
y Pionowa pozycja prostokąta od górnego marginesu.
szerokość Szerokość prostokąta.
wysokość Wysokość prostokąta.
rx Poziomy promień elipsy służy do zaokrąglania rogów prostokąta
ry Pionowy promień elipsy służy do zaokrąglania rogów prostokąta
uderzenie Kolor obramowania prostokąta.
szerokość skoku Szerokość granicy prostokąta.
napełnić Kolor wewnątrz prostokąta.

Uwagi

Szczegółowe informacje na temat elementu „rect” SVG można znaleźć w Zaleceniu W3C dla SVG .

Narysuj czarny prostokąt bez wypełnienia

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

Wynik:

wprowadź opis zdjęcia tutaj

Narysuj czarny prostokąt z żółtym wypełnieniem i zaokrąglonymi narożnikami

  • Atrybuty width i height oznaczają wymiary prostokąta. Te wartości są domyślnie w pikselach
  • Wartość fill określa kolor prostokąta. Jeśli nie określono wartości fill , domyślnie używany jest czarny
<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>

Wynik:

wprowadź opis zdjęcia tutaj



Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow