使用JavaScript动态计算整圈的SVG路径

使用JavaScript动态计算整圈的SVG路径,javascript,math,svg,path,Javascript,Math,Svg,Path,我试图根据用户输入的角度绘制圆的周长。角度决定周长完成度:360°为整圆,180°为圆的一半,依此类推 我的问题是:给定圆的半径、角度和中心坐标,如何动态计算周长的路径 我知道这可能是基础数学,但到目前为止我试过的一切都不管用 这是我的小提琴: 我的问题是找到路径的x和y坐标的正确公式: var x = i * (radius * Math.cos(angle)) + centerX; var y = i * (radius * Math.sin(angle)) + centerY; 我是不是

我试图根据用户输入的角度绘制圆的周长。角度决定周长完成度:360°为整圆,180°为圆的一半,依此类推

我的问题是:给定圆的半径、角度和中心坐标,如何动态计算周长的路径

我知道这可能是基础数学,但到目前为止我试过的一切都不管用

这是我的小提琴: 我的问题是找到路径的x和y坐标的正确公式:

var x = i * (radius * Math.cos(angle)) + centerX;
var y = i * (radius * Math.sin(angle)) + centerY;
我是不是完全错了

下面是我试图做的一个例子:请注意,只应绘制黑色周长:我只是使用红色虚线给出了一个可视示例,说明如何根据用户给定的值绘制周长


是的,问题是你的数学。以下是计算x、y坐标对的正确方法(请注意,迭代是从零到所需角度,而不是从零到半径):

for(var i=0;i可能重复的
for (var i = 0; i <= angle; i++) {
        var x = (radius * Math.cos((i-90)*Math.PI/180)) + centerX;
        var y = (radius * Math.sin((i-90)*Math.PI/180)) + centerY;