javascript - javascriptを使用した三角法

Question

javascriptを使用してcos曲線を描画しようとしています。私はウェブページを横切って行く素敵なcos曲線を見ることを期待していました。このような...

全体を見ることができるように、曲線を下に移動するために200を追加しました。htmlには小数点以下の桁がないので、100を掛けます。あなたが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

これは、認識できるものを示すフィドルの更新バージョンです。

Answer 2

http://jsfiddle.net/zerkms/RN7WN/13/

$(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>');
    } 
});​

Answer 3

コメントで前に説明したように、を掛けて度からラジアンに変換する必要があります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); 
  } 
});​

これが変更を示すjsfiddleです。