캔버스 3D 캔버스 축의 방향을 변경

Question

나는 3D 그래프를 그리기 위해 캔버스 3D를 사용하고 있습니다.하지만 기본적으로 좌표의 원점은 왼쪽 상단에 있습니다. 나는 번역을 사용하여 다음과 같이 캔버스의 중심으로 가져갑니다.

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

여기서 canvasWidth 및 canvasHeight는 이미 정의되어 있습니다. 하지만 이제는 축의 방향에 또 다른 문제가 있습니다. 이제 양의 y 축은 아래로 향하고 -y 축은 위로 향하게합니다. 어떻게하면 y 축이 위로 향하고 -y 축이 Y 축의면을 향하도록 적절하게 만들 수 있습니까? 하위? 도와주세요

Answer 1

센터를 오프셋하는 대신 y 위치를 계산하십시오. 캔버스 높이/2에서 y 값을 뺍니다.

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