Прямоугольный элемент SVG

Опубликовано: 27 Августа, 2022

SVG <rect> Элемент используется для создания прямоугольника. Мы можем настроить формы прямоугольника:

Синтаксис:

<rect
   x="x-axis co-ordinate"
   y="y-axis co-ordinate"
   
   width="length"
   height="length"
   
   rx="length"
   ry="length"
   
   style="style information"
   class="style class" >
</rect>

Атрибуты:

  • X: координата по оси x левого верхнего угла.
  • Y: координата по оси Y верхнего левого угла.
  • ширина: Ширина прямоугольника.
  • высота: Высота прямоугольника.
  • rx: Округлость оси x.
  • ry: Округлость оси Y.
  • стиль: укажите встроенный стиль.
  • класс: укажите внешний стиль.

Пример:

Выход:

Пример: изменить угол прямоугольника.

Выход: