JavaScript限定图片显示大小的方法

这篇文章主要介绍了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程序设计有所帮助。