js同比例縮放圖片的小例子
更新時間：2013年10月30日 16:28:04 作者：
這篇文章介紹了js同比例縮放圖片的小例子，有需要的朋友可以參考一下
復(fù)制代碼 代碼如下:
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;
}
}
}
}
相關(guān)文章
這篇文章主要為大家詳細介紹了Layui實現(xiàn)帶查詢條件的分頁，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
uni-app??? 是一個使用 ???Vue.js?? 開發(fā)所有前端應(yīng)用的框架，開發(fā)者編寫一套代碼，可發(fā)布到iOS、Android、H5、以及各種小程序（微信/支付寶/百度/頭條/QQ/釘釘）等多個平臺，這篇文章主要介紹了uni-app的基本使用,需要的朋友可以參考下2022-11-11
Bootstrap導(dǎo)航條可點擊和鼠標(biāo)懸停顯示下拉菜單的實現(xiàn)代碼
這篇文章主要介紹了Bootstrap導(dǎo)航條可點擊和鼠標(biāo)懸停顯示下拉菜單的實現(xiàn)代碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
JavaScript搜索字符串并將搜索結(jié)果返回到字符串的方法
這篇文章主要介紹了JavaScript搜索字符串并將搜索結(jié)果返回到字符串的方法,涉及javascript中match方法操作字符串的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
(currentStyle)javascript為何有時用style得不到已設(shè)定的CSS的屬性
(currentStyle)javascript為何有時用style得不到已設(shè)定的CSS的屬性...2007-08-08
JavaScript實現(xiàn)Sleep函數(shù)的代碼
大家知道，JavaScript中沒有內(nèi)置我們常用的sleep()函數(shù)，只有定時器setTimeout()和循環(huán)定時器setInterval()2007-03-03
本文是對Js中單引號與雙引號的使用進行了總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
我寫了一個利用JS禁用Cognos右鍵菜單，下面的JS可以實現(xiàn)重寫Cognos的右鍵菜單。只要將下面的代碼拷到一個HTML項里即可。2010-04-04
JavaScript在瀏覽器標(biāo)題欄上顯示當(dāng)前日期和時間的方法
這篇文章主要介紹了JavaScript在瀏覽器標(biāo)題欄上顯示當(dāng)前日期和時間的方法,實例分析了javascript操作時間及DOM節(jié)點實現(xiàn)定時觸發(fā)的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了JavaScript JSON使用原理及注意事項,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-07-07