Атрибут ширины SVG

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

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

Синтаксис:

 width = "ширина"

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

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

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

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

Выход:

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 900 300" 
        xmlns="http://www.w3.org/2000/svg">
          
        <rect y="45" x="45" width="30%" 
            height="10%" fill="green" />
          
        <rect y="90" x="45" width="30%" 
            height="10%" fill="green" />
    </svg>
</body>
  
</html>

Выход: