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

164
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>

READ ALSO
Позиционирование CSS [требует правки]

Позиционирование CSS [требует правки]

Помогите правильно позиционировать блок CSSСтили для тега a мне нельзя редактировать, только стили дивов можна изменять

154
Проблема с text-shadow

Проблема с text-shadow

Нужно сделать вот такой текст:

204
checkbox unchecked как отловить событие?

checkbox unchecked как отловить событие?

Мне нужно отловить событие когда чекбоксы был отжаты (их может быть сколько угодно вставляются циклом в HTML таблицу), и занести его значение...

263