這篇文章主要介紹了JavaScript限定圖片顯示大小的方法,涉及javascript針對圖片的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了JavaScript限定圖片顯示大小的方法。分享給大家供大家參考。具體實現方法如下：

1. /** 
2. * 限制圖片顯示的size. 
3. *  
4. * @param thisobj 圖片組件 
5. * @param limitW 限制寬度大小 
6. * @param limitH 限制高度大小 
7. */ 
8. function imageResize(thisobj, limitW, limitH) { 
9. var newW; 
10. var newH; 
11. if (thisobj.width > limitW) { 
12. newW = limitW; 
13. newH = parseInt(thisobj.height * newW / thisobj.width); 
14. // 按寬度比例縮放 
15. if (newH > limitH) { 
16. newH = limitH; 
17. newW = parseInt(thisobj.width * newH / thisobj.height); 
18. } 
19. thisobj.width = newW; 
20. thisobj.height = newH; 
21. } else if (thisobj.height > limitH) { 
22. newH = limitH; 
23. newW = parseInt(thisobj.width * newH / thisobj.height); 
24. thisobj.width = newW; 
25. thisobj.height = newH; 
26. } 
27. } 

希望本文所述對大家的javascript程序設計有所幫助。