1. 程式人生 > >Canvas -- 角度與弧度

Canvas -- 角度與弧度

tro img 技術分享 OS 角度 分享 image 多少 弧度

角度

直觀說:角度也就是數學中的多少度。如 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 -- 角度與弧度