前端學習代碼實例-JavaScript 圖片等比例縮放裁切詳解

本文將通過代碼實例詳細介紹一下如何實現圖片等比例縮放裁切效果。 圖片有兩種應用方式，一種作爲子元素存在，一種是作爲背景圖片。 在每一種應用方式中，圖片的等比例縮放又可以大致分爲如下幾種情況： （1）.確保圖片能夠填充滿元素，超出的部分被裁切或者隱藏。 （2）.確保圖片的長或者寬填充滿元素，超出的部分被裁切或者隱藏。 下面通過代碼實例分別介紹一下上述列舉的中可能，需要的朋友可以做一下參考。 一.作爲

>>阅读原文<<