hexagon graph1 Canvas로 육각형 그래프 그리기 - js / vue canvas로 육각형 그래프 그리기 프로젝트를 진행하다보니 육각형 모양의 그래프를 만들어야 했습니다. 이미지를 사용한다면 좋겠지만, 데이터에 맞는 그래프를 그때그때 그려야 했기 때문에 HTML의 를 사용하여 구현하기로 하였습니다. 정육각형 그리는 법 먼저 정육각형을 그리는 방법부터 알아보겠습니다. 1. 먼저 정육각형의 꼭짓점이 될 6개의 점을 구해야합니다. 각 꼭짓점은 원을 6등분을 하면 구할 수 있습니다. 즉, 60도 간격으로 점을 찍으면 되겠네요. 2. 문제는 그림을 그리기 위해선 꼭짓점의 x좌표와 y 좌표를 구해야 한다는 것이죠. 반지름이 r이고 중심점이 (x,y)인 원을 6등분 했다고 가정해봅시다. 60도는 PI/3이니까 각 점의 x좌표는 x+r*cos(PI/3*i), y좌표는 y+r*sin(PI.. 2021. 12. 13. 이전 1 다음
