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