html - Canvas 3d 改变画布轴的方向

Question

我正在使用画布 3d 绘制 3D 图形。但默认情况下，坐标原点位于左上角。为此，我使用了 translate 并将其带到画布中心，如下所示。

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

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

Answer 1

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

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