<rect>
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since â¨Ð¸ÑÐ»Ñ 2015 г.â©.
* Some parts of this feature may have varying levels of support.
<rect> - ÑÑо Ð±Ð°Ð·Ð¾Ð²Ð°Ñ SVG ÑигÑÑа, иÑполÑзÑеÑÑÑ Ð´Ð»Ñ Ð¾ÑÑиÑовки пÑÑмоÑголÑников по кооÑдинаÑам Ñгла, Ð´Ð»Ð¸Ð½Ñ Ð¸ вÑÑоÑÑ Ð¿ÑÑмоÑголÑника. Также Ð¼Ð¾Ð¶ÐµÑ Ð¸ÑполÑзоваÑÑÑÑ Ð´Ð»Ñ Ð¾ÑÑиÑовки пÑÑмоÑголÑников Ñо ÑкÑÑглÑннÑми Ñглами.
ÐонÑекÑÑ Ð¸ÑполÑзованиÑ
| ÐаÑегоÑÐ¸Ñ | ÐÑоÑÑÐ°Ñ ÑигÑÑа, ÐÑаÑиÑеÑкий ÑÐ»ÐµÐ¼ÐµÐ½Ñ |
|---|---|
| РазÑеÑÑнное ÑодеÑжимое | ÐÑбое колиÑеÑÑво ÑказаннÑÑ ÑлеменÑов в лÑбом поÑÑдке: ÐлеменÑÑ Ð°Ð½Ð¸Ð¼Ð°Ñии » ÐлеменÑÑ Ð¾Ð¿Ð¸ÑÐ°Ð½Ð¸Ñ Â» |
| ÐоÑмаÑивнÑй докÑÐ¼ÐµÐ½Ñ | SVG 1.1 (2ое издание) |
ÐÑимеÑ
>ÐÑоÑÑой пÑÐ¸Ð¼ÐµÑ Ð¸ÑполÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ rect
xml
<?xml version="1.0"?>
<svg width="120" height="120"
viewBox="0 0 120 120"
xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="10" width="100" height="100"/>
</svg>
» rect-1.svg
<rect> Ñо ÑкÑÑглÑннÑми Ñглами
xml
<?xml version="1.0"?>
<svg width="120" height="120"
viewBox="0 0 120 120"
xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="10"
width="100" height="100"
rx="15" ry="15"/>
</svg>
» rect-2.svg
ÐÑÑибÑÑÑ
>СпеÑиалÑнÑе аÑÑибÑÑÑ
DOM ÐнÑеÑÑейÑ
ÐаннÑй ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑеализÑÐµÑ Ð¸Ð½ÑеÑÑÐµÐ¹Ñ SVGRectElement.