画布3d改变画布轴的方向

时间:2013-02-26 14:34:42

标签: html canvas graph html5-canvas

我使用画布3d绘制3D图形。但默认情况下,坐标的原点位于左上角。我使用了翻译并将其带到画布中心,如下所示。

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

其中已定义canvasWidth和canvasHeight。 但是现在我对轴的方向有另一个问题。现在正y轴朝下,-ve y轴朝上。如何正确使得+ ve轴朝上,-ve y轴朝下? 请帮忙

1 个答案:

答案 0 :(得分:0)

而不是偏移中心计算y位置。 从canvas / 2的高度中减去y值。

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