почему на SVG-полигоне отсутствует штрих

Question

почему на SVG-полигоне отсутствует штрих

0

<!DOCTYPE html>
<html>
<body>

<svg width="500" height="500">
<polyline style="fill: lime; stroke: green; stroke-width: 3;" points="0,0,273,133,214,42"/>
</svg>

</body>
</html>

Это мой код, могу ли я спросить, почему отсутствует один штрих или граница на одной стороне многоугольника svg, но почему это работает?

<polygon points="200,10 250,190 160,210" style="fill:lime;stroke:purple;stroke-width:3" />

dramasea 16 апр. 2014, в 12:29

Источник

Теги:

html

html5

css3

svg

2 ответа

2

Разница между <polygon> и <polyline> в SVG заключается в том, что многоугольник закрыт, т.е. имеет дополнительную линию, соединяющую последнюю точку с первой точкой.

Вы можете сделать это вручную с помощью полилинии, добавив дополнительную точку, расположенную в том же месте, что и первая точка.

Robert Longson 16 апр. 2014, в 08:15

Ещё вопросы

Ryan.Hunt · Accepted Answer · 2014-04-16T07-21-00.000Z

Добавьте дополнительный 0,0 в конце.

points="0,0,273,133,214,42,0,0"

Тогда почему это работает? <точки многоугольника = "200,10 250,190 160,210" style = "fill: lime; обводка: фиолетовая; ширина обводки: 3" />
Потому что это polygon . Вы задали вопрос о polyline .