JS控制圖片等比例縮放的示例代碼
更新時間：2013年12月24日 09:52:24 作者：
本篇文章主要是對JS控制圖片等比例縮放的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
復制代碼 代碼如下:
<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)用方法：
復制代碼 代碼如下:
<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)文章
收集一些不多見的好用的自定義函數(shù)代碼 計算字符長度的js函數(shù) 去字符中前后的空格的js函數(shù) 圖片自適應(yīng)大小函數(shù)代碼2008-09-09
今天小編就為大家分享一篇layui 解決form表單點擊無反應(yīng)的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
彈出層效果是一個很實用的功能，很多網(wǎng)站都采用了這種方式實現(xiàn)登錄和注冊，下面小編通過本文給大家分享具體實現(xiàn)代碼，對js彈出頁面效果相關(guān)知識感興趣的朋友一起學習吧2016-01-01
el-date-picker組件隱藏時間組件底部清空按鈕的操作步驟
工作中可能會遇到el-date-picker組件隱藏時間組件底部清空按鈕,接下來通過本文給大家分享el-date-picker組件如何隱藏時間組件底部清空按鈕,需要的朋友可以參考下2024-06-06
javascript解析json數(shù)據(jù)的3種方式
這篇文章主要介紹了解析json數(shù)據(jù)的3種方式,需要的朋友可以參考下2014-05-05
JavaScript中 創(chuàng)建動態(tài) QML 對象的方法
這篇文章主要介紹了 JavaScript中 創(chuàng)建動態(tài) QML 對象，下面文章主要分析了兩中方法，分別是從 QML 字符串創(chuàng)建對象和動態(tài)創(chuàng)建組件以及刪除對象等方法，具有有一定的參考價值，需要的小伙伴可以參考一下2021-12-12
javascript iframe內(nèi)的函數(shù)調(diào)用實現(xiàn)方法
用下面的方法可以調(diào)用iframe中的函數(shù)，實現(xiàn)一些比較特殊的效果，不過能跨域的。2009-07-07
JavaScript Perfection kill 測試及答案
近日，在Perfection kill上看到有關(guān)javascript quiz。并做了一下，最終錯了2個（#2，#9），但是，這2道題，在Ie和ff下的答案是不一樣的？！2010-03-03
這篇文章主要為大家詳細介紹了layui實現(xiàn)文件或圖片上傳記錄，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08
這篇文章主要介紹了JavaScript實現(xiàn)Tab欄切換的實現(xiàn)方式,是面向?qū)ο蟮膶懛ǎ疚慕o大家分享詳細案例代碼，需要的朋友可以參考下2022-10-10