3) 색상 표현과 선 스타일

수학 도형이나 함수 그래프를 그릴 때 핵심 요소를 눈에 띄게 강조하거나 선의 역할을 구별해 주는 것은 매우 중요합니다. Mathit에서는 색상, 투명도, 선 스타일, 채우기 패턴 등을 아주 직관적으로 지정할 수 있는 다양한 스타일링 옵션을 제공합니다.

1. 색상은 어떻게 표현하나

Mathit은 기본 색상 이름부터 Hex 코드, 투명도(Alpha) 슬래시 기호까지 여러 가지 표현 방식을 지원합니다.

1-1. 기본 색상 명칭 및 Hex 코드

자주 쓰이는 기본 색상 이름을 직접 사용하거나 Hex 코드를 활용할 수 있습니다.
기본 제공 색상으로는 black, white, gray, red, blue, green, orange, purple, cyan 가 제공됩니다.

line: A--B, color=red
line: C--D, color=#3b82f6

1-2. 투명도 지정

색상 뒤에 슬래시(/)와 숫자를 붙이면 투명도를 손쉽게 설정할 수 있습니다. 다각형 영역을 은은하게 채우거나 여러 영역이 겹칠 때 유용합니다.

// 20% 불투명도의 파란색으로 영역 채우기
shade: poly(A--B--C), fill=#blue/20

// 50% 불투명도의 빨간색 선
line: A--B, color=#red/50

2. 선 스타일과 두께

선분, 곡선, 도형의 테두리는 목적에 따라 실선, 점선, 대시선 등으로 스타일을 변경할 수 있습니다.

2-1. 주요 선

solid 은 실선입니다.

dash은 대시선입니다. (기본 패턴은 4pt 긋고 2pt 띰)

dot은 점선입니다. (기본 패턴은 1pt 긋고 2pt 띰)

dashdot은 대시와 점이 번갈아 나오는 선입니다.

zigzag은 지그재그 형태의 선입니다. (축 줄임표 등에서 활용)

line: A--B, stroke=solid // 실선 (기본값)
line: B--C, stroke=dash // 대시선 (보조선 등에 활용)
line: C--D, stroke=dot // 점선

2-2. 선 두께 지정

두께는 thick, thin 같은 키워드나 pt, mm 단위의 고정 치수를 사용하여 지정합니다. 선 두께는 화면 축소/확대와 상관없이 인쇄물 크기(pt, mm)를 일정하게 유지하는 스크린 오버레이 공간 속성입니다.

키워드 수치는 thin (0.5pt), thick (1.5pt), ultra_thick (3pt)을 제공합니다.

직접 지정하려면 1pt, 2.5pt, 0.8mm 을 사용하세요.

line: A--B, thick=2pt
poly: A--B--C, stroke=1.5pt

3. 영역 채우기와 빗금 패턴

도형 내부나 곡선 사이의 넓이를 강조할 때 단순 색상 채우기 외에도 빗금과 격자 빗금 효과를 줄 수 있습니다.

// 1. 단순 단색 채우기 (20% 불투명도)
shade: poly(A--B--C), fill=#blue/20

// 2. 45도 각도, 2mm 간격의 빗금 채우기
shade: poly(A--B--C), hatch=(45deg, step=2mm), stroke=0.8pt

// 3. 십자 격자 빗금 패턴
shade: R, pattern=crosshatch(step=3mm), color=#gray

4. 고급 색상표

3D 곡면이나 매개변수 곡면, 높낮이가 존재하는 시각화 기하 표현에는 학술용 컬러맵을 적용할 수 있습니다.
지원하는 컬러맵은 colormap("viridis"), colormap("inferno"), colormap("magma"), colormap("coolwarm") 입니다.

// 3D 곡면 높낮이에 따른 inferno 컬러맵 적용 예시
surface: torus, u in 0..2pi, v in 0..2pi, fill=colormap("inferno")