如何定义html5 svg多边形点来创建图形

Question

您好我正在尝试找出如何在HTML5中定义多边形的点

<svg width="300" height="200">
  <polygon points="100,10 40,198 190,78 10,78 160,198"
    style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>

这将最终创建一个星形图像.我试图删除一些点,并添加一些任意点,它不会创建任何image.i尝试三点也,但它没有成功.

Answer 1

这些值是成对的,每对是多边形顶点的(x,y)坐标.

200,10在x方向(横向)上距原点200个单位,在y方向(向下)10个单位.