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

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

Атрибут stroke-width - это атрибут, определяющий ширину обводки, применяемой к форме.

Синтаксис:

 ход-ширина = "длина"

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

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

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

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

Выход:

Example 2: In this example, we will use the stroke-width attribute for setting the width of rect using percentage value.

<!DOCTYPE html>
<html>
  
<body>
    <svg viewBox="0 0 110 80" 
        xmlns="http://www.w3.org/2000/svg">
          
        <circle cx="20" cy="20" r="6" 
            stroke="green" stroke-width="20%" />
    </svg>
</body>
  
</html>

Выход