js同比例縮放圖片的小例子

更新時(shí)間：2013年10月30日 16:28:04 作者：

這篇文章介紹了js同比例縮放圖片的小例子，有需要的朋友可以參考一下

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