前言

本案例針對于那種圖中各元素大小基本相同，間隔距離也基本一樣的雪碧圖
通過以下代碼獲取位移

前提

假設雪碧圖每行5個,一共30個
每一小塊寬度96px，高度98px，間隔30px

代碼

for(var i = 1 ; i <= 30; i ++ ){var col_num = parseInt((i-1)/5);//判斷是在第幾行，每行5個，0開始//console.log("col_num : "+col_num);var y = -( col_num*98 + col_num*30 );var rol_num = parseInt((i-1)%5);//判斷在第幾列，0開始//console.log("rol_num : "+rol_num);var x = -( rol_num * 96 + rol_num*30); }

然后 i = 1 時的x、y就是雪碧圖里第一個小元素的位置

總結

以上是生活随笔為你收集整理的计算雪碧图（精灵图）的横纵位移的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。