css - 画像スプライトが背景位置に対して負の座標を取る理由

Question

画像スプライトのcssで人気のある機能を知っています。しかし、なぜ背景位置座標を負に指定しなければならないのかわかりません。どの画像スプライトでも、左上隅が原点として機能することを私は知っています。なぜそうなのか分かりませんか？なぜ他のコーナーではなく、画像スプライトの中心ではないのですか。誰かがこれに対する答えを知っているなら。助けてください

Answer 1

画像を記述するには座標系が必要です。コンピュータ イメージングで使用される座標系はビットマップに基づいており、ビットマップは定義上、原点 (x = 0、y = 0) が左上隅にあるグリッド (行と列) に基づいています (直交座標ではなく)。左下に正の空間の原点を持つ座標系)。

Answer 2

画像を「後で開始」したいので、負の座標を使用します。

たとえば、100px x 100px の画像と、座標 40,40 で始まる正方形があります。

画像を左と上に 40 ピクセル移動したいので、正方形が表示されます。background:url('sprite.png') -40px -40px;