Javascript 创建只有一个长度的svg六边形点

我正在尝试使用svg多边形创建一个六边形

我想创建x和为什么坐标，但我的代码不起作用

我想我可以通过将每个点变换60度来使用trig函数

这显然不起作用

常数半径=25；
常量点=[0,1,2,3,4,5,6]。映射（（n）=>{
恒定电流=n*60；
返回[radius*Math.cos（当前），-radius*Math.sin（当前）]；
}).map（（p）=>p.join（'，'））
.加入（“”）；
document.querySelector（'多边形'）
.setAttribute（“点”，“100,0 50,0 100100”）

根据，可以将其转换为javascript，如：


常数半径=50；
常数高度=200；
常数宽度=200；
常量点=[0,1,2,3,4,5,6]。映射（（n，i）=>{
变功角_度=60*i-30；
var angle_rad=数学PI/180*角度_度；
返回[width/2+半径*Math.cos（angle_-rad），height/2+半径*Math.sin（angle_-rad）]；
}).map（（p）=>p.join（'，'））
.加入（“”）；
document.querySelector（'多边形'）
.设置属性（“点”，点）