레퍼런스 textAlign()

textAlign()

text()를 호출할 때 텍스트가 정렬되는 방식을 설정합니다.

기본적으로 text('hi', 10, 20)을 호출하면 텍스트의 경계 상자(bounding box)의 왼쪽 하단 모서리가 (10, 20)에 위치합니다.

첫 번째 매개변수인 horizAligntext()가 x 좌표를 해석하는 방식을 변경합니다. 기본적으로 x 좌표는 경계 상자의 왼쪽 모서리로 설정합니다. textAlign()horizAlign에 대해 다음 값을 사용합니다: LEFT, CENTER, RIGHT.

두 번째 매개변수인 vertAlign은 선택 사항입니다. 이는 text()가 y 좌표를 해석하는 방식을 변경합니다. 기본적으로 y 좌표는 경계 상자의 아래쪽 모서리로 설정합니다. textAlign()vertAlign에 대해 다음 값을 사용합니다: TOP, BOTTOM, CENTER, BASELINE.

예제

구문

textAlign(horizAlign, [vertAlign])
textAlign()

매개변수

horizAlign
Constant:

수평 정렬, LEFT, CENTER, RIGHT 중 하나.

vertAlign
Constant:

수직 정렬, TOP, BOTTOM, CENTER, BASELINE 중 하나.

Notice any errors or typos? Please let us know. Please feel free to edit src/typography/attributes.js and open a pull request!

관련 레퍼런스