Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Skip to content

hec9527/demo_canvas

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

demo_canvas

保存学习 canvas 的过程中的一些 demo

基础知识需求

  • 代数运算

  • 三角函数

    • sin

      • y = sin(angle) * r
    • cos

      • x = cos(angle) * r
    • tan

      • tan(angle) = y / x
  • 向量运算

    • 向量的运算需要结合具体的几何意义来考虑

    • 向量的加法及其几何意义

      • 两个向量相加 等于两个向量的x、y分别相加
    • 向量的减法及其几何意义

      • 两个向量相减 等于两个向量的x、y分别相减
    • 向量的大小

      • 向量的大小使用勾股定理计算得到
    • 单位向量

      • 长度为单位1,只有方向
      • 计算方式
      var vectorM = Math.sqrt(Math.pow(vector.x ,2) + Math.pow(vector.y,2))
      var unitVector = new Vector();
      
      unitVector.x = vector.x / vectorM;
      unitVector.y = vector.y / vectorM;
    • 向量的点积

      • 将两个向量的对应分量分别相乘再相加
      • 向量点积的物理意义:两个向量指向的方向大体相同

目录