首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >有没有一种不用三角函数就能处理角度的方法(Javascript)

有没有一种不用三角函数就能处理角度的方法(Javascript)
EN

Stack Overflow用户
提问于 2017-05-15 09:44:30
回答 1查看 63关注 0票数 0

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

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

代码语言:javascript
复制
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});
}
代码语言:javascript
复制
body{ background-color: ivory; }
#canvas{border:1px solid red; margin:0 auto; }
代码语言:javascript
复制
<canvas id="canvas" width=300 height=300></canvas>

EN

回答 1

Stack Overflow用户

发布于 2017-05-15 10:06:26

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

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

不要灰心丧气,继续编码!

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

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43970473

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档