Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

<rect>  - это базовая SVG фигура, используется для отрисовки прямоугольников по координатам угла, длины и высоты прямоугольника. Также может использоваться для отрисовки прямоугольников со скругленными углами.

Контекст использования

Категория Простая фигура, Графический элемент
Разрешенное содержимое Любое количество указанных элементов в любом порядке:
Элементы анимации »
Элементы описания »
Нормативный документ SVG 1.1 (2ое издание)

Пример

Простой пример использования rect

Исходный код Результат
<?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 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 .

Совместимость с браузерами

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка 1.0 1.5 (1.8) 9.0 8.0 3.0.4
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Базовая поддержка 3.0 1.0 (1.8) Нет (Да) 3.0.4

Диаграмма основана на этом источнике.

Смотрите также

Метки документа и участники

Внесли вклад в эту страницу: warsan, VitaliiKotliar, Sebastianz, xalz
Обновлялась последний раз: warsan,