我想知道是否有一种方法可以不使用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});
}body{ background-color: ivory; }
#canvas{border:1px solid red; margin:0 auto; }<canvas id="canvas" width=300 height=300></canvas>
发布于 2017-05-15 10:06:26
简单地说:当我们想做trig时,我们使用trig函数。
随着您对三角学有了更深入的了解,您将更多地了解我们如何以及为什么在JavaScript中使用trig函数。HTML5画布是关于坐标的,所以trig是一个创建和操作画布图像的基本工具--你使用画布方法的次数越多,你对trig的了解就越多。
不要灰心丧气,继续编码!
(您可能会发现这些JavaScript Trigonometry tutorials @ HScripts很有用)。
https://stackoverflow.com/questions/43970473
复制相似问题