Система координат в svg начинается слева сверху

В прямоугольнике 4 точки, атрибут points
тега <polygon>
принимает последовательность узловых точек многоугольника, то есть в Вашем случае 4 вершины желаемого прямоугольника
polygon{
stroke-width:4px;
fill:wheat;
stroke:red;
}
<svg width="540" height="290">
<polygon points='10,10 10,200 200,200 200,10'/>
</svg>
Вот пример размещения точек при рисовании шестиугольника

polygon{
stroke-width:4px;
fill:wheat;
stroke:red;
}
<svg width="400" height="400" >
<polygon points='250,300 280,350 340,350 370,300 340,250 280,250'/>
<polygon points='250,300 280,350 340,350 370,300 340,250 280,250'
transform="translate(-200,-200)" />
</svg>
PS: фигуры можно двигать поворачивать и масштабировать атрибутом transform
, я добавил второй шестиугольник с теми же координатами и подвинул его влево и вверх на 200 пикселей
transform="translate(-200,-200)"