2013-02-26 81 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