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