stroke
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since â¨Ð¸ÑÐ»Ñ 2020 г.â©.
* Some parts of this feature may have varying levels of support.
« SVG Attribute reference home
ÐÑÑибÑÑ Ð¾Ð±Ð²Ð¾Ð´ÐºÐ¸ опÑеделÑÐµÑ ÑÐ²ÐµÑ ÐºÐ¾Ð½ÑÑÑа в данном гÑаÑиÑеÑком ÑлеменÑе. ÐнаÑение по ÑмолÑÐ°Ð½Ð¸Ñ Ð´Ð»Ñ Ð°ÑÑибÑÑа обводки â None.
ÐонÑекÑÑ Ð¸ÑполÑзованиÑ
| ÐаÑегоÑÐ¸Ñ | Presentation attribute |
|---|---|
| ÐнаÑÐµÐ½Ð¸Ñ | <paint>, context-fill, context-stroke |
| ÐнимиÑÑемÑй | Ðа |
| ÐоÑмаÑивнÑй докÑÐ¼ÐµÐ½Ñ | SVG 1.1 (2nd Edition) |
ÐÑимеÑÑ
SVG Line Ñ stroke
ÐÑÐ¸Ð¼ÐµÑ 1: ÐаÑиÑÑйÑе пÑÑмÑÑ Ð·ÐµÐ»ÑнÑÑ Ð»Ð¸Ð½Ð¸Ñ, иÑполÑзÑÑ stroke
<svg height="50" width="300">
<path stroke="green" d="M5 20 1215 0" />
</svg>
ÐÑÐ¸Ð¼ÐµÑ 2: ÐаÑиÑÑйÑе ÑÑÑнÑй кÑÑг Ñ Ñиней Ñамкой иÑполÑзÑÑ stroke
<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.