JS控制圖片等比例縮放的示例代碼
更新時間：2013年12月24日 09:52:24 作者：
本篇文章主要是對JS控制圖片等比例縮放的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
復(fù)制代碼 代碼如下:
<SCRIPT language="JavaScript">
function DrawImage(ImgD,FitWidth,FitHeight){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
if(image.width/image.height>= FitWidth/FitHeight){
if(image.width>FitWidth){
ImgD.width=FitWidth;
ImgD.height=(image.height*FitWidth)/image.width;
}
else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
else{
if(image.height>FitHeight){
ImgD.height=FitHeight;
ImgD.width=(image.width*FitHeight)/image.height;
}
else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
}
</script>
調(diào)用方法：
復(fù)制代碼 代碼如下:
<a href="admin/<? echo $rscase['path']?>" target="_blank"><img src="admin/<? echo $rscase['path']?>" alt="點擊放大圖片" width="180" height="180" onload='javascript:DrawImage(this,180,);' hspace="3" vspace="3" border="0" /></a>
相關(guān)文章
js函數(shù)與php函數(shù)的區(qū)別實例淺析
這篇文章主要介紹了js函數(shù)與php函數(shù)的區(qū)別,以實例形式較為簡單的分析了js函數(shù)與php函數(shù)語法及應(yīng)用上的不同點,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
在將uniapp打包成APP端時,上架到應(yīng)用市場的時候需要配置隱私彈窗,下面這篇文章主要給大家介紹了關(guān)于如何在uniapp中設(shè)置隱私政策彈窗的相關(guān)資料,需要的朋友可以參考下2023-01-01
uniapp的webview實現(xiàn)左滑返回上一個頁面操作方法
uniapp默認左滑是關(guān)閉整個webview,而不是關(guān)閉當(dāng)前頁,本文給大家介紹uniapp的webview實現(xiàn)左滑返回上一個頁面操作方法,感興趣的朋友一起看看吧2023-12-12
JavaScript省市區(qū)三級聯(lián)動菜單效果
這篇文章主要為大家詳細介紹了JavaScript省市區(qū)三級聯(lián)動菜單效果,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
事件循環(huán)是?JavaScript?中一個非常重要的概念，下面就來看看瀏覽器和?Node.js?中的事件循環(huán)的原理，以及兩者之間的差異，感興趣的可以了解一下2022-10-10
這篇文章主要介紹了js實現(xiàn)圖片和鏈接文字同步切換特效的方法,涉及javascript操作文字及圖片的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
本文主要介紹了js, jQuery實現(xiàn)全選、反選功能的方法，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
本文主要介紹了使用egg.js實現(xiàn)手機、驗證碼注冊的項目實踐，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04
這篇文章主要介紹了JavaScript定時器常見用法,結(jié)合實例形式分析了JavaScript定時器常見功能、應(yīng)用及相關(guān)操作技巧,需要的朋友可以參考下2019-11-11
JS實現(xiàn)的計數(shù)排序與基數(shù)排序算法示例
這篇文章主要介紹了JS實現(xiàn)的計數(shù)排序與基數(shù)排序算法,結(jié)合實例形式簡單分析了計數(shù)排序與基數(shù)排序的原理與JS實現(xiàn)技巧,需要的朋友可以參考下2017-12-12