/**
 * 限制圖片顯示的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;
  }
}

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

bootstrap多層模態(tài)框滾動(dòng)條消失的問(wèn)題
本篇文章主要介紹了bootstrap多層模態(tài)框滾動(dòng)條消失的問(wèn)題，具有一定的參考價(jià)值，有興趣的可以了解一下
2017-07-07
原生js實(shí)現(xiàn)隨機(jī)點(diǎn)餐效果
一款十分簡(jiǎn)單的原生js實(shí)現(xiàn)的隨機(jī)點(diǎn)菜代碼，點(diǎn)擊點(diǎn)菜按鈕隨機(jī)點(diǎn)取上面菜單的菜品，可根據(jù)需求改成自己需要功能，比如說(shuō)隨機(jī)點(diǎn)名。感興趣的朋友來(lái)參考實(shí)現(xiàn)代碼吧
2019-12-12
Openlayers繪制地圖標(biāo)注
這篇文章主要為大家詳細(xì)介紹了Openlayers繪制地圖標(biāo)注，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-09-09
JS實(shí)現(xiàn)使用POST方式發(fā)送請(qǐng)求
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)使用POST方式發(fā)送請(qǐng)求，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-08-08
js插件YprogressBar實(shí)現(xiàn)漂亮的進(jìn)度條效果
ProgressBar.js 是一個(gè)借助動(dòng)態(tài) SVG 路徑的漂亮的，響應(yīng)式的進(jìn)度條效果。使用 ProgressBar.js 可以很容易地創(chuàng)建任意形狀的進(jìn)度條。這個(gè) JavaScript 庫(kù)提供線條，圓形和方形等幾個(gè)內(nèi)置的形狀，但你可使用 Illustrator 或任何其它的矢量圖形編輯器創(chuàng)建自己的進(jìn)度條效果。
2015-04-04
原生JS實(shí)現(xiàn)文件上傳
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)文件上傳，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07
Google Map Api和GOOGLE Search Api整合實(shí)現(xiàn)代碼
將GOOGLE MAP API 和 GOOGLE Search API 進(jìn)行整合，我用面向?qū)ο蟮姆绞綄懥艘粋€(gè)類，通過(guò)傳一個(gè)經(jīng)緯度進(jìn)去，自動(dòng)通過(guò)GOOGLE LOCAL SEARCH獲取附近的相關(guān)信息。比如餐廳、景點(diǎn)等，反過(guò)來(lái)標(biāo)到地圖上，并可在任意容器內(nèi)顯示。
2009-07-07
微信小程序開(kāi)發(fā)之實(shí)現(xiàn)選項(xiàng)卡(窗口頂部TabBar)頁(yè)面切換
本篇文章主要介紹了微信小程序開(kāi)發(fā)之選項(xiàng)卡(窗口頂部TabBar)頁(yè)面切換，具有一定的參考價(jià)值，有需要的可以了解一下。
2016-11-11
JS批量修改PS中圖層名稱的方法
批量修改PS中圖層名稱的方法有很多，在本文為大家介紹下使用js是如何實(shí)現(xiàn)的
2014-01-01
typescript中高級(jí)類型Record詳解
這篇文章主要介紹了typescript中高級(jí)類型Record,ts文檔上對(duì)Record的介紹不多，但卻經(jīng)常用到，Record是一個(gè)很好用的工具類型，本文給大家詳細(xì)講解需要的朋友可以參考下
2022-11-11