Canvas -- 角度与弧度

Posted hm0818

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Canvas -- 角度与弧度相关的知识,希望对你有一定的参考价值。

角度

直观说:角度也就是数学中的多少度。如 60°,180°,90°

其他表示方法:

  1. 90° 即 π / 2。
  2. 60° 即 π / 3.
  3. 180° 即 π。

Canvas 中的弧度。

同角度一样。计算公式:假设当前弧度为 deg,( js 中的 π 用 Math.PI 表示)

** 弧度 = deg * Math.PI / 180 **

以下canvas实例:通过角度去计算圆中某一点:

  • 直接求得 x轴长度 , y轴长度需要使用 Math实例方法;Math.sin(),Math.cos();

    let x = Math.cos( deg * Math.PI / 180) * r; // 已知半径和角度,求 x 轴的长度
    let y = Math.sin( deg * Math.PI / 180) * r; // 已知半径和角度,求 y 轴的长度

技术分享图片

以上是关于Canvas -- 角度与弧度的主要内容,如果未能解决你的问题,请参考以下文章

Canvas中的弧度和角度之间的关系

Canvas中的弧度和角度之间的关系

说说如何使用 Canvas 绘制弧线与曲线

canvas二:绘制圆和其他曲线

canvas绘制圆弧

角度与弧度的换算公式?