SVG
Prostokąt
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:
Narysuj czarny prostokąt z żółtym wypełnieniem i zaokrąglonymi narożnikami
- Atrybuty
width
iheight
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ścifill
, 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:
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