Атрибут высоты SVG

Опубликовано: 25 Февраля, 2022

Атрибут height определяет длину элемента по вертикали.

Синтаксис:

 height = "высота"

Значения атрибутов:

  • length: длина, на которой мы хотим установить атрибут высоты
  • процент: процент, в котором мы хотим установить атрибут высоты

Мы будем использовать атрибут height для установки высоты элемента.

Пример 1: В этом примере мы будем использовать атрибут высоты для установки высоты прямоугольника с использованием значения длины.

Выход:

Example 2: In this example we will use the height attribute for setting the height of rect using percentage value.

<!DOCTYPE html>
<html>
  
<body>
    <svg viewBox="0 0 3000 1000" 
        xmlns="http://www.w3.org/2000/svg">
          
        <rect y="150" x="75" 
            width="12%" height="10%" />
          
        <rect y="300" x="75" 
            width="12%" height="10%" />
    </svg>
</body>
  
</html>

Выход