一個居中截取圖片的小技巧

做項目的時候遇到一個需求，要在不縮放的情況下，截取圖片的居中部分作爲用戶頭像。以前用過css3中的clip:rect來截取圖片，但是rect後面的上下左右四個參數只能是具體的數值，設置成百分比就無效了。在不知道每張圖片具體大小的情況下，這個方法顯然用不了。然後我想了一個辦法： 首先判斷後臺所傳圖片寬高的方法：如下圖： 然後在js裏面獲取後臺所傳圖片，並應用上面的函數手動設置顯示的圖片的寬高：如下圖

>>阅读原文<<