2013-02-26 84 views
1

我使用畫布3D繪製3D圖形。但默認情況下,座標原點位於左上角。爲此,我使用平移並將其帶到畫布中心,如下所示。畫布3d改變畫布軸的方向

canvasElement.getContext('2d').translate(constants.canvasWidth/2, constants.canvasHeight/2); 

其中canvasWidth和canvasHeight已經定義。 但是現在我又遇到了另一個軸方向的問題。現在,正y軸朝下,-ve y軸朝上。如何正確使y +軸朝上並且-ve y軸朝向正確下? 請幫忙

回答

0

而不是偏移中心計算y位置。 從畫布高度減去y值/ 2。

x1 = canvasHeight/2 + x; 
y1 = canvasHeight/2 - y; 
+0

我還沒有理解你在這裏提到的是什麼。我應該在翻譯還是其他功能中使用它?如何使用它? – Navaneet 2013-02-27 05:31:11

+0

用它來翻譯所有的座標。您可能還需要一個縮放因子。所以你可以將任何大小的圖形放到畫布上。如果你想要3D圖形,你可能會想使用變換矩陣。 – QuentinUK 2013-02-27 11:22:06