有没有办法处理角度而不使用三角函数(Javascript)

时间:2017-05-15 01:44:30

标签: javascript canvas trigonometry angle

我想知道是否有一种方法可以在不使用Javascript中的三角函数的情况下处理角度。我只有13岁,我不明白我们如何在代码中使用三角法。这就是为什么我想知道我们是否可以在没有实际使用三角函数的情况下处理角度的方法。

下面是一个使用三角函数的代码。



var canvas=document.getElementById("canvas");
var ctx=canvas.getContext("2d");

var cx=150;
var cy=150;
var radius=100;
var amp=10;
var sineCount=10;

ctx.beginPath();
for(var i=0;i<360;i++){
  var angle=i*Math.PI/180;
  var pt=sineCircleXYatAngle(cx,cy,radius,amp,angle,sineCount);
  ctx.lineTo(pt.x,pt.y);
}
ctx.closePath();
ctx.stroke();

function sineCircleXYatAngle(cx,cy,radius,amplitude,angle,sineCount){
  var x = cx+(radius+amplitude*Math.sin(sineCount*angle))*Math.cos(angle);
  var y = cy+(radius+amplitude*Math.sin(sineCount*angle))*Math.sin(angle);
  return({x:x,y:y});
}
&#13;
body{ background-color: ivory; }
#canvas{border:1px solid red; margin:0 auto; }
&#13;
<canvas id="canvas" width=300 height=300></canvas>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:2)

简单地说:当我们想要做trig时,我们使用trig函数。

随着您对三角学的更深入理解,您将更多地了解我们如何以及为什么在JavaScript中使用trig函数。 HTML5 Canvas是关于坐标的,所以trig是创建和操作Canvas图像的基本工具 - 你使用Canvas方法越多,你对trig的理解就越多。

不要沮丧,并继续编码!

(您可能会发现这些JavaScript Trigonometry tutorials @ HScripts很有用)。