JS中的弧度与角度

一个角有两种计量单位:弧度、角度

1.角度

如一个圆。两条射线从圆心向圆周射出,形成一个夹角和夹角正对的一段弧。当这段弧长正好等于圆周长的360分之一时,两条射线的夹角的大小为1度。

2.弧度

当角所对的弧长等于半径时,角的大小为1弧度,角所对的弧长是半径的几倍,那么角的大小就是几弧度。

所以:

  • 1弧度≈53.6角度

  • 半圆(弧长 = 半径的Π倍)的弧度就是Π,整圆的弧度就是2Π。

3.js中的弧度与角度

js中的Π就是Math.PI这个常量。所以,拿一个圆举例:

  • 整圆的角度是360°,对应的弧度就是Math.PI*2;
  • 半圆的角度是180°,对应的弧度就是Math.PI
  • 圆中的1°,对应的弧度就是Math.PI / 180

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Canvas使用弧度来表示角度,因此在使用Canvas绘制圆弧、旋转元素等操作时需要使用弧度而不是角度来进行计算。 弧度角度的转换公式如下: 弧度 = 角度 × π / 180 角度 = 弧度 × 180 / π 其π是圆周率,约等于3.141592653589793。 例如,将角度90转换为弧度,可以使用以下代码: ```javascript const degree = 90 const radian = degree * Math.PI / 180 console.log(radian) // 输出1.5707963267948966 ``` 将弧度1.57转换为角度,可以使用以下代码: ```javascript const radian = 1.57 const degree = radian * 180 / Math.PI console.log(degree) // 输出89.95437383553924 ``` 在Canvas,我们使用以下方法来绘制圆弧: ```javascript arc(x, y, radius, startAngle, endAngle, anticlockwise) ``` 其x和y表示圆心的坐标,radius表示圆弧的半径,startAngle和endAngle表示圆弧的起始角度和结束角度(以弧度为单位),anticlockwise可选,表示是否逆时针绘制圆弧。 例如,绘制一个半径为50的圆弧,起始角度为0,结束角度为1.57(即90度),可以使用以下代码: ```javascript const canvas = document.getElementById('myCanvas') const ctx = canvas.getContext('2d') ctx.beginPath() ctx.arc(100, 100, 50, 0, 1.57) ctx.stroke() ``` 这段代码将在id为myCanvas的canvas元素上绘制一个半径为50、圆心坐标为(100,100)的圆弧,起始角度为0,结束角度为1.57。由于没有指定anticlockwise参数,因此默认按顺时针方向绘制圆弧。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值