如何使用svg创建多边形？

我想创建一个多边形，如下图所示

我遇到了下面的多边形，但我不知道如何使它像图片中的那样

html，
身体，
svg{
身高：100%；
背景色：#000；
}

来自：

对于

，

点

定义一个点列表，每个点表示要绘制的形状的顶点。每个点由用户坐标系中的X和Y坐标定义

所以，你需要

points=“x1，y1-x2，y2-x3，y3-x4，y4”

但是你有

x2==x1

和

x4==x3

，所以它实际上是

points=“x1，y1-x1，y2-x3，y3-x3，y4”

svg也没有在白色多边形上绘制黑色边框，因此

stroke=“black”

视图框可以有更好的坐标

工作示例如下：

我不清楚你的处境。您是否熟悉笛卡尔坐标系（X和Y轴等）。或者仅仅是您不理解的

points

属性的格式？使用

points='x1，y1-x2，y2-x3，y3-x4，y4'

@enxaneta可能该符号的要点是x4==x3和x2==x1@AryaStark我制作了一个工作片段，添加了黑色背景，这样你们就可以看到你们的白色多边形