Я вижу только половину формы (наполовину вырезанную посередине)
используя SVG полигон
пробовал на квадрат и шестигранник
Я рисую точки на бумаге, используя следующие знания
«Каждая точка определяется координатами X и Y в пользовательской системе координат». Единицами измерения являются пиксели, и «исходная система координат порта обзора (и, следовательно, исходная пользовательская система координат) имеет свое начало в верхнем / левом углу порта просмотра, положительная ось x направлена вправо, положительная ось y указывая вниз "(отсюда)
Итак, 100, 200 - это 100 пикселей вправо и 200 вниз.
Площадь
баллов = "100 100 200 200 200 200 100 200"
Шестиугольник
баллов = "180 100 240 130 240 330 180 360 120 330 120 130 120 130"
<svg>
<polygon points="100,100 200,100 200,200 100,200" stroke="black" stroke-width="0.5" fill="none"/>
</svg>