[canvas] 三角函数

三角函数

771172-20161214185138104-691002152.png

普通坐标与canvas坐标是不同的

771172-20161214185908698-2005551068.png

771172-20161214185926276-331569877.png

常用三角函数

771172-20161214190041042-603232822.png

771172-20161214190049964-2062110404.png

在canvas中采用的是弧度制。
θ * Math.PI/180是将角度转成弧度,比如:30° = 30 * π /180 = π / 6
Math.asin(x/R)(弧度值)乘上180/Math.PI是将弧度转成角度。

Math.atan()可以直接通过两个直角边得到角度值,但是会得到两个相同的角度值

771172-20161214190201386-412094328.png

使用Math.atan2(dy, dx)可以弥补该问题

函数波形

sin函数波形

771172-20161214190112058-313861822.jpg

//sin函数在[0, 2π]之间的值,非连续的情况下,可以这样估算:

for(var angle=0; angle<Math.PI*2; angle+=0.1){
    console.log(Math.sin(angle)); //打印出角度对应的sin值
}

771172-20161215133651308-308417675.png

椭圆

正圆半径在x轴和y轴上的距离是相同的,都是Radius ,而椭圆则是不同的,我们用a, b 表示。

771172-20161215133710417-900594458.png

两点之间距离

假设有两个点, a(x1, y1), b(x2, y2)
dx = x2 - x1;
dy = y2 - y1;
distance = Math.sqrt(dx*dx + dy*dy); //勾股定理

弧度

弧度是角的度量单位。(rad)
定义:弧长等于半径的弧,其所对的圆心角为1弧度。

一周的弧度数为2πr/r=2π,360°角=2π弧度,
1弧度约为57.3°,即57°17'44.806'',
1°为π/180弧度,近似值为0.01745弧度,
周角为2π弧度,
平角(即180°角)为π弧度,
直角为π/2弧度。

771172-20161215141145729-51928727.png

转载于:https://www.cnblogs.com/qingmingsang/articles/6180523.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值