이미지 스프라이트가 배경 위치에 대한 음의 좌표를 갖는 이유

Question

이미지 스프라이트의 CSS에서 널리 사용되는 기능을 알고 있습니다. 하지만 왜 배경 위치 좌표를 지정해야하는지 이해할 수 없습니다. 왼쪽 상단이 원점 역할을하는 모든 이미지 스프라이트에 대해 알고 있습니다. 왜 그런지 이해가 안되니? 왜 다른 구석과 왜 이미지 sprite의 중심이 아닌지. 어떤 몸이라도 이것에 대한 답을 알고 있다면. 도와주세요

Answer 1

이미지를 기술하기 위해서는 좌표계가 필요하다. 컴퓨터 이미징에 사용되는 좌표계는 비트 맵을 기반으로하며 정의에 따라 비트 맵은 왼쪽 위 모서리에 직교 좌표 (x = 0, y = 0)가있는 격자 (행과 열)를 기반으로합니다 (직교 좌표 왼쪽 하단에 양수 공간의 원점이있는 좌표계입니다.

Answer 2

이미지가 "나중에 시작"되기를 원하기 때문에 음의 좌표를 사용합니다.

예를 들어, 나는 100 픽셀 100 픽셀로 이미지 및 좌표에서 시작 정사각형이 40, 40

제곱에 온다, 그래서 나는, 40 개 픽셀 왼쪽 상단에 이미지를 이동할 내 견해, 나는 이것을함으로써한다. background:url('sprite.png') -40px -40px;