ellipseMode()

타원, 원, 호가 그려지는 위치를 변경합니다.

기본적으로, ellipse(), circle(), 그리고 arc() 의 첫 번째와 두 매개변수는 도형의 중심의 x축 및 y축 좌표입니다. 다음 매개변수는 도형의 너비와 높이를 설정합니다. 이것은ellipseMode(CENTER)를 호출하는 것과 같습니다.

ellipseMode(RADIUS) 도 첫 번째의 두 매개변수를 사용하여 도형의 중심의 x축 및 y축 좌표를 설정합니다. 다음 매개변수는 도형의 너비와 높이의 절반을 그립니다. ellipse(0, 0, 10, 15) 를 호출하면 너비가 20이고 높이가 30인 모양이 그려집니다.

ellipseMode(CORNER) 은 첫 번째 두 매개변수를 도형의 좌상단 모서리로 사용합니다. 다음 매개변수는 도형의 너비와 높이입니다.

ellipseMode(CORNERS) 는 첫 번째 두 매개변수를 타원의 바운딩 박스의 한 모서리의 위치로 사용합니다. 다음 매개변수는 반대 모서리의 위치입니다.

ellipseMode() 에 전달된 인수는 모두 대문자로 작성되어야 합니다. 왜냐하면 상수 CENTER, RADIUS, CORNER, 그리고 CORNERS 가 이렇게 정의되기 때문입니다. JavaScript는 대소문자를 구분하는 언어입니다.