stroke
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
« SVG Attribute reference home
Атрибут обводки определяет цвет контура в данном графическом элементе. Значение по умолчанию для атрибута обводки — None.
Контекст использования
Категория | Presentation attribute |
---|---|
Значения | <paint>, context-fill , context-stroke |
Анимируемый | Да |
Нормативный документ | SVG 1.1 (2nd Edition) |
Примеры
SVG Line с stroke
Пример 1: Нарисуйте прямую зелёную линию, используя stroke
html
<svg height="50" width="300">
<path stroke="green" d="M5 20 1215 0" />
</svg>
Пример 2: Нарисуйте чёрный круг с синей рамкой используя stroke
html
<svg height="100" width="100">
<circle cx="50" cy="50" r="40" stroke="blue" stroke-width="2" fill="black" />
</svg>
Использование context-stroke
Информацию об использовании значения нестандартного и ограниченного context-stroke
(и context-fill
) смотреть в документации для свойства -moz-context-properties
.
Элементы
Следующие элементы могут использовать атрибут stroke
.