canvas3d圖形轉2d轉換公式

思路 : https://www.jianshu.com/p/e3ebe08dddad

    to2d(x,y,z) {
      return {
        x:((x - view.x) * view.z) / (view.z - z) + offsetX,
        y:((y - view.y) * view.z) / (view.z - z) + offsetY
      };
    }

//offsetX是容器寬的一半
//offsety是容器高的一半
//x,y,z是被轉換(被觀測)的點對應的立體幾何座標
//view是觀察點的座標對象(根據觀察點的變化,2d圖形跟隨變化)(自定義)

至於爲什麼要加容器的寬高一半,是因爲,座標系以左邊爲原點,負座標的點就就看不到 了
加一半的寬高就把原點變成了畫布的中點了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章