JavaScript限定圖片顯示大小的方法
更新時間：2015年03月11日 10:38:19 作者：jing31
這篇文章主要介紹了JavaScript限定圖片顯示大小的方法,涉及javascript針對圖片的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JavaScript限定圖片顯示大小的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
/**
* 限制圖片顯示的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;
}
}
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
JavaScript實現(xiàn)網(wǎng)頁留言板功能
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)網(wǎng)頁留言板功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
javascript數(shù)組元素刪除方法delete和splice解析
這篇文章主要介紹了javascaipt數(shù)組元素刪除方法delete和splice解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-12-12
javascript基于HTML5 canvas制作畫箭頭組件
該組件實現(xiàn)了根據(jù)箭頭起止點坐標(biāo)畫箭頭功能。目前組件可設(shè)置箭頭形狀（大小和角度）。2014-06-06
公司原先的JS和CSS文件都是用在線壓縮程序壓縮的，看似方便，但很容易出錯，可能是壓縮程序把CSS里面的一些Hack語句給混淆了，于是我決定用大名鼎鼎的YUI compressor。2011-01-01
在mpvue框架中使用Vant WeappUI組件庫的注意事項【推進(jìn)】
這篇文章主要介紹了在mpvue框架中使用Vant WeappUI組件庫的注意事項,本文給大家提到了引入組件庫的兩種方法，需要的朋友可以參考下2019-06-06
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)左滑動刪除效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要介紹了TypeScript3.7中值得注意的3個新特性，對TS感興趣的同學(xué)，可以參考下2021-05-05
加入這樣的一行代碼IE的document的訪問速度至少可以提高5倍以上，對于頁面使用document的朋友絕對是個好方法。2010-12-12
本文主要介紹了ie下js不執(zhí)行的幾種可能，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
JS支持OCX控件的事件（event），當(dāng)OCX控件定義的事件發(fā)生時，JS可以捕獲該事件并對事件進(jìn)行相應(yīng)的處理2014-09-09