JS控制圖片等比例縮放的示例代碼
更新時間:2013年12月24日 09:52:24 作者:
本篇文章主要是對JS控制圖片等比例縮放的示例代碼進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
復(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)文章
el-date-picker組件隱藏時間組件底部清空按鈕的操作步驟
工作中可能會遇到el-date-picker組件隱藏時間組件底部清空按鈕,接下來通過本文給大家分享el-date-picker組件如何隱藏時間組件底部清空按鈕,需要的朋友可以參考下2024-06-06javascript解析json數(shù)據(jù)的3種方式
這篇文章主要介紹了解析json數(shù)據(jù)的3種方式,需要的朋友可以參考下2014-05-05JavaScript中 創(chuàng)建動態(tài) QML 對象的方法
這篇文章主要介紹了 JavaScript中 創(chuàng)建動態(tài) QML 對象,下面文章主要分析了兩中方法,分別是從 QML 字符串創(chuàng)建對象和動態(tài)創(chuàng)建組件以及刪除對象等方法,具有有一定的參考價值,需要的小伙伴可以參考一下2021-12-12javascript iframe內(nèi)的函數(shù)調(diào)用實現(xiàn)方法
用下面的方法可以調(diào)用iframe中的函數(shù),實現(xiàn)一些比較特殊的效果,不過能跨域的。2009-07-07JavaScript Perfection kill 測試及答案
近日,在Perfection kill上看到有關(guān)javascript quiz。并做了一下,最終錯了2個(#2,#9),但是,這2道題,在Ie和ff下的答案是不一樣的?!2010-03-03