Jquery中壓縮圖像

發(fā)布時間：2020-07-25 10:09:24 來源：網(wǎng)絡(luò) 閱讀：328 作者：愛情89757 欄目：web開發(fā)

Jquery中壓縮圖像

<!DOCTYPE html>

<html>

<head>

</script>

function fixImage(img, w, h) {

var newImg = new Image(); //獲得圖片的原始尺寸

newImg.src = img.src;

var lh; //用于保存img.height，IE下隱藏的圖片讀取不到，需currentStyle解決

if (newImg.width/newImg.height >= w/h) {

if (newImg.width > w) {

img.width = w;

img.height = w * newImg.height / newImg.width;

lh = window.ActiveXObject ? parseInt(img.currentStyle['height']) : img.height;

img.style.marginTop = (h - lh)/2 + 'px'; //順手垂直居中

} else {

img.width = newImg.width;

img.height = newImg.height;

lh = window.ActiveXObject ? parseInt(img.currentStyle['height']) : img.height;

img.style.marginTop = (h - lh)/2 + 'px'; //順手垂直居中

}

} else {

if (newImg.height > h) {

img.height = h;

img.width = newImg.width * h / newImg.height;

} else {

img.width = newImg.width;

img.height = newImg.height;

}

</script>

<body>

<p>

一幅圖像：

</body>

</html>

向AI問一下細節(jié)

猜你喜歡