js將圖片全部縮小
```javascript
var images = document.getElementsByTagName('img');
for(var i=; i images[i].style.width = '%'; } ``` 這段代碼會找到頁面上所有的圖像,將其寬度設(shè)置為%。 ```javascript function resizeImage(imgURL, maxWidth, maxHeight){ var img = new Image(); img.src = imgURL; img.onload = function(){ var canvas = document.createElement('canvas'); // Scale the image while maintaining aspect ratio if (img.width > img.height) { if (img.width > maxWidth) { img.height *= maxWidth / img.width; img.width = maxWidth; } } else { if (img.height > maxHeight) { img.width *= maxHeight / img.height; img.height = maxHeight; } } canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext('d'); ctx.drawImage(img, , , img.width, img.height); return canvas.toDataURL(); } } // 使用方法 var smallImageUrl = resizeImage('originalImageUrl', , ); ``` 在處理醫(yī)療影像時(shí),可能縮小圖像快速加載或節(jié)省存儲空間。些移動設(shè)備可能無法顯示大型圖像,因此對其進(jìn)行縮放。 在處理貨物的照片或文件時(shí),縮小圖像加快上傳速度減少數(shù)據(jù)傳輸?shù)某杀尽1Wo(hù)敏感信息不被未經(jīng)授權(quán)的人獲取。 在電商平臺上銷售產(chǎn)品時(shí),縮小產(chǎn)品的圖片使用戶更快地瀏覽更多的產(chǎn)品,提高用戶體驗(yàn)。能降低服務(wù)器的負(fù)擔(dān)。