AlexanderBelov
@AlexanderBelov
Frontend developer

Как изменить толщину SVG?

Не могу разобраться, как изменить толщину линии в SVG.

Такой код вот:
<svg xmlns="http://www.w3.org/2000/svg" width="475.07" height="475.07" viewBox="0 0 475.075 475.075" fill="#FFF">
<path stroke-width="10" d="M475.07 186.57c0-7.04-5.32-11.42-16-13.13l-143.3-20.84-64.24-129.9c-3.62-7.8-8.28-11.7-14-11.7-5.7 0-10.36 3.9-13.98 11.7L159.3 152.6 16 173.44c-10.67 1.7-16 6.1-16 13.13 0 4 2.38 8.57 7.14 13.7l103.92 101.08L86.5 444.1c-.37 2.66-.56 4.57-.56 5.7 0 4 1 7.38 3 10.14 2 2.77 5 4.15 9 4.15 3.42 0 7.22-1.15 11.4-3.44l128.2-67.38 128.2 67.38c4 2.28 7.8 3.43 11.4 3.43 7.82 0 11.72-4.76 11.72-14.28 0-2.48-.1-4.38-.3-5.72l-24.54-142.74L467.66 200.3c4.94-4.97 7.4-9.54 7.4-13.73zM324.63 288.5l20.55 120.2-107.63-56.82L129.6 408.7l20.86-120.2-87.37-84.8L183.57 186l53.95-109.06L291.5 186 412 203.7l-87.38 84.8z"/>
</svg>


Использую stroke-width, но не помогает.

JSFiddle
  • Вопрос задан
  • 13772 просмотра
Пригласить эксперта
Ответы на вопрос 2
amux
@amux
alp.ac
Потому что это не линия а фигура в виде толстой линии, у которой нету абриса.

Вот что получается если её добавить:
https://jsfiddle.net/g1ox9tkg/
Ответ написан
andykov
@andykov
Shit happens
Это фигура. Сохрани код в файл с расширением svg и открой например в иллюстраторе или онлайн, отредактируйте, если умеете работать с кривыми.
Или можно схитрить вот так https://jsfiddle.net/g1ox9tkg/1/, смотря что у тебя на фоне.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы