Атрибут ширины штриха 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" < circle cx = "20" cy = "20" r = "6" stroke = "green" stroke-width = "20%" /> </ svg > </ body > </ html > |
Выход