- Теория
- Теория
Толщина обводки
Для однопиксельной обводки достаточно задать только цвет в stroke. Если же нужно управлять толщиной обводки, это делается с помощью свойства stroke-width, также атрибутом или через CSS:
<circle r="60" cx="150" cy="50%" fill="none" stroke="orange"
stroke-width="5"></circle>или:
circle {
stroke: orange;
stroke-width: 5;
}Результат:
Короткой записи нет, поэтому цвет и толщина всегда задаются отдельно.
Если задавать значение в процентах, они будут рассчитываться не от размеров фигуры, а относительно размеров всего SVG, что может давать непредсказуемый результат.
Если обводке задана толщина, но не задан цвет, обводка не отобразится.
Хорошо владеете JavaScript, но до сих пор не освоили Node.js? Записывайтесь на профессиональный курс «Node.js. Профессиональная разработка REST API». Цена 12 000 ₽.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.