使用javascript实现三角函数

我正在尝试使用javascript绘制cos曲线。我希望看到一个很好的cos曲线通过网页。像这样…

我加了200把曲线向下移动，这样我就可以看到整个画面了。我乘以100，因为html中没有小数点。如果你看这张照片，它是一片混乱

$（函数（）{
对于（i=0；i三角函数使用，而不是度。要在度和弧度之间转换，请使用公式

radians = Math.PI / 180 * degrees

小提琴的更新版本，显示可识别的东西。

$（函数（）{
对于（i=0；i<2*Math.PI；i+=0.01）{
//警报（“aa”）；
变量el=$（''）；
var x=数学cos（i）*100+100；
变量y=i*100+50；
css（{'left'：x+'px'，'top'：y+'px'}）；
$（'main'）。在（el）之后；
//$（'#main'）。在（''+l+'
'）之后；
} 
});​
正如我之前在评论中解释的，您需要通过乘以
Math.PI/180将度转换为弧度

例如：

$(function(){    
  for (i=0; i<400; i++){
    var el = $('<div class="dot"></div>'); 
    var x = Math.sin(i * (Math.PI/180)) * 100;
    var y = i + 200;
    el.css({ 'left' : x+'px' , 'top':y+ 'px'});
    $('#main').after(el); 
  } 
});​

$（函数（）{
对于（i=0；iCos参数以弧度为单位！根据
cos
函数，需要以弧度为单位的参数。您可能想尝试将度转换为弧度，看看是否有帮助……您可能会更幸运地使用canvas之类的工具绘制曲线：“您可能对我不久前做的这个简单的破解感兴趣。它将曲线绘制为对画布元素的修改：谢谢，这里是更改x和y（在html中y倒计时）
$(function(){    
    for (i=0; i< 2 * Math.PI; i+=0.01){
        //alert('aa');   
        var el = $('<div class="dot"></div>'); 
        var x = Math.cos(i) * 100 + 100;
        var y = i * 100 + 50;
        el.css({ 'left' : x+'px' , 'top':y+ 'px'});
        $('#main').after(el); 
        //$('#main').after('<p>'+ l +'</p>');
    } 
});​

$(function(){    
  for (i=0; i<400; i++){
    var el = $('<div class="dot"></div>'); 
    var x = Math.sin(i * (Math.PI/180)) * 100;
    var y = i + 200;
    el.css({ 'left' : x+'px' , 'top':y+ 'px'});
    $('#main').after(el); 
  } 
});​