坐标旋转公式-- 角度和弧度

x1=cos(angle)*x-sin(angle)*y;
y1=cos(angle)*y+sin(angle)*x;
其中x,y表示物体相对于旋转点旋转angle的角度之前的坐标,x1,y1表示物体旋转angle后相对于旋转点的坐标
angle 为弧度:


弧度和角度转换公式:
弧度 = 角度/57.3
单位弧度定义为圆弧长度等于半径时的圆心角,单位是rad。
一个完整的圆的弧度是2π,所以2π rad = 360°
1 π rad = 180°,1°=π/180 rad,1 rad = 180°/π(约57.29577951°)
  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 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、付费专栏及课程。

余额充值