圆周坐标计算异常：基于圆心与三角函数公式生成结果不符

从你的描述和代码片段来看，你的圆周坐标计算结果不符合预期，大概率是因为代码里存在几个关键的小问题，我帮你梳理并修正一下：

问题分析 #

• 变量未定义：你注释掉了x的定义语句，导致后续计算new_x时x是未定义状态；另外公式里的r也没有对应到代码里的radius变量
• 角度单位不匹配：JavaScript的Math.cos()和Math.sin()方法只接受弧度值作为参数，但你循环里用的是0-360的度数，直接传入会导致计算结果完全错误
• 圆心坐标的完整处理：你的公式是基于圆心坐标计算圆周点，应该是圆周x = 圆心x + 半径 * cos(弧度)、圆周y = 圆心y + 半径 * sin(弧度)，你之前的代码没完整实现这一点

修正后的完整代码 #

function process() {
    // 获取圆心坐标（这里假设你原本是要获取myx输入框的x值，取消注释）
    var centerX = parseInt(document.getElementById('myx').value);
    var centerY = parseInt(document.getElementById('myy').value);
    var radius = parseInt(document.getElementById('radius').value);
    var resultText = document.getElementById('result');
    // 清空结果区域
    resultText.innerHTML = '';

    for(var i = 0; i < 360; i += 45) {
        // 将度数转换为弧度：弧度 = 度数 * Math.PI / 180
        var radians = i * Math.PI / 180;
        // 计算圆周上的坐标
        var newX = centerX + radius * Math.cos(radians);
        var newY = centerY + radius * Math.sin(radians);
        // 将结果添加到显示区域，可保留两位小数让结果更清晰
        resultText.innerHTML += `角度${i}°：(${newX.toFixed(2)}, ${newY.toFixed(2)})<br>`;
    }
}

额外说明 #

• 如果你的圆心坐标是固定值（比如(0,0)），可以直接把centerX和centerY设为对应数值，不用从输入框获取
• toFixed(2)是为了让坐标值保留两位小数，避免出现过长的浮点数，你可以根据需求调整小数位数
• 注意输入框的数值要确保是有效的数字，否则parseInt会返回NaN，可以添加一些输入校验逻辑，比如：

  if (isNaN(centerX) || isNaN(centerY) || isNaN(radius)) {
      resultText.innerHTML = '请输入有效的数字！';
      return;
  }
  

内容的提问来源于stack exchange，提问作者Andrie.ST