위치에서 오프셋(Offset)은 픽셀(Pixel) 값을 기준으로 위치를 조정합니다. 픽셀은 모니터 화면에 있는 매우 작은 점입니다. 우리가 흔히 모니터 해상도를 이야기할 때 쓰이는 숫자, 예를 들어 1920×1080과 같은 숫자가 픽셀이 가로는 1920개, 세로는 1080개를 의미하며 이때 모니터의 모든 픽셀의 개수는 가로(1920)×세로(1080)=2,073,600개입니다. 오프셋 기준도 원점이 화면 왼쪽 상단입니다. 스케일의 경우 화면 크기를 0~1 사이의 값으로 위치를 잡기 때문에 모니터의 크기에 따라 위치가 미묘하게 다를 수 있습니다. 특히 모니터의 가로 세로 비율이 바뀌면 차이가 많이 나게 됩니다.

그림 7-14 | 스케일이 0.1, 0.1일때 컴퓨터 화면(왼쪽)과 아이패드 화면(오른쪽)의 차이

이 때문에 오프셋의 경우 화면 가장자리에 있어야 할 때 매우 유용하게 사용됩니다.

그림 7-15 | 오프셋이 50, 50일때 컴퓨터 화면(왼쪽)과 아이패드 화면(오른쪽)의 차이