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