使用javascript的三角函数

Question

我正在尝试使用JavaScript绘制cos曲线。我希望整个网页都能看到漂亮的cos曲线。像这样...

我加了200以向下移动曲线，这样我就可以看到整个内容。我乘以100，因为html中没有小数位。如果您看一下jsfiddle，那是一团糟

http://jsfiddle.net/RN7WN/8/

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

Answer 1

三角函数使用弧度，而不是度。要在度和弧度之间转换，请使用公式

radians = Math.PI / 180 * degrees

这是小提琴的更新版本，显示了一些可识别的内容。