为什么多边形不正确？

Question

我试图在SVG：

的帮助下制作一个元素

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="28" viewBox="0 0 200 28">
	<polygon fill='red' stroke='gray' points='0,0 0,170 28,200 0,28z' />
</svg>

我需要元素如下所示，我的错误在哪里？

Answer 1

不完全确定您的目标形状，但我认为大多数情况下您交换了X和Y坐标的顺序。

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="28" viewBox="0 0 200 28">
    <polygon fill="red" stroke="gray" points="0,0 170,0 200,28 0,28" />
</svg>