Почему линия рисуется не правильно?

184

14 апреля 2018, 17:28

<svg height='6' width='200' xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"> 
  <polygon points='0,0 97,0 103,6 200,6' /> 
</svg>

По-идее должно получиться вот так, но не выходит. В чем проблема? А при добавлении viewBox='0 0 200 6' вообще пропадает изображение.

Answer 1

Вы забыли покрасить строку stroke="black"
Добавил к высоте 2px так, как толщина линии по умолчанию 1px, две линии - 2px.

<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="200px" height="8px" viewBox="0 -1 200 8" version="1.1" > 
<path d="m-0.2-0.5 97.8 0 4.6 7 97.8-0.2" style="fill:none;stroke:black"/> 
</svg>