Home > Article > Web Front-end > How to limit the display size of images in JavaScript_javascript skills
The example in this article describes how to limit the display size of images using JavaScript. Share it with everyone for your reference. The specific implementation method is as follows:
/** * 限制图片显示的size. * * @param thisobj 图片组件 * @param limitW 限制宽度大小 * @param limitH 限制高度大小 */ function imageResize(thisobj, limitW, limitH) { var newW; var newH; if (thisobj.width > limitW) { newW = limitW; newH = parseInt(thisobj.height * newW / thisobj.width); // 按宽度比例缩放 if (newH > limitH) { newH = limitH; newW = parseInt(thisobj.width * newH / thisobj.height); } thisobj.width = newW; thisobj.height = newH; } else if (thisobj.height > limitH) { newH = limitH; newW = parseInt(thisobj.width * newH / thisobj.height); thisobj.width = newW; thisobj.height = newH; } }
I hope this article will be helpful to everyone’s JavaScript programming design.