이미지 기울이기 (스큐)

기울이기(전단 변형)는 이미지를 비스듬하게 만듭니다. 가로 기울기는 위쪽은 그대로 두고 아래쪽 가장자리를 옆으로 밀어 이탤릭 글자처럼 만들고, 세로 기울기는 한쪽을 위나 아래로 밀어 올리거나 내립니다. 역동적인 배너, 입체처럼 보이는 목업, 비스듬한 구역 구분선, 비스듬히 찍은 간판 사진 보정 등에 쓰입니다. 이 도구는 최대 70°까지 원하는 각도로 기울이고, 아무것도 잘리지 않도록 캔버스를 키우며, 새로 생긴 모서리를 투명하게 또는 고른 색으로 채웁니다.

사용 방법

1. 이미지를 하나 이상 고릅니다.
2. 가로 또는 세로 기울기 각도를 입력합니다(음수는 반대쪽으로 기웁니다).
3. 빈 모서리를 투명으로 둘지 색으로 채울지 고릅니다.
4. 출력 형식을 고르고 기울인 이미지를 내려받습니다.

계산식

x′ = x + tan(h) × y, y′ = y + tan(v) × x; 새 가로 = 가로 + |tan h| × 세로, 새 세로 = 세로 + |tan v| × 가로

h와 v는 가로와 세로 각도입니다. 이 변환은 브라우저 캔버스가 고품질 부드럽게 처리로 적용하는 아핀 전단이므로, 직선은 직선으로 남고 가장자리는 안티앨리어싱됩니다. 두 각도가 같은 방향으로 기울 때 tan h × tan v는 1보다 한참 작아야 하며(이 도구는 0.9까지 허용), 1이 되면 그림이 선 하나로 찌그러집니다. 부호가 반대인 각도는 그림을 접지 않고 늘리기만 합니다.

예시

1200 × 800 배너를 가로로 15° 기울이면 tan 15° × 800 = 0.268 × 800 = 214 px 커지므로, 결과는 1415 × 800 px(올림)가 됩니다. 아래쪽 가장자리가 오른쪽으로 214 px 밀리고 삼각형 모서리 두 곳이 투명하게 남습니다.