html - キャンバス軸の方向を変更するキャンバス3d

Question

キャンバス3dを使用して3Dグラフを描画していますが、デフォルトでは、座標の原点は左上にあります。次のように、平行移動を使用してキャンバスの中央に移動します。

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

ここで、canvasWidthとcanvasHeightはすでに定義されています。しかし、軸の方向に別の問題があります。正のy軸が下を向き、-ve y軸が上を向いています。+vey軸が上を向き、-ve y軸が下を向くようにするには、どうすればよいですか。 ？助けてください

Answer 1

中心をオフセットする代わりに、y 位置を計算します。キャンバスの高さ/2 から y の値を引きます。

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