js同比例縮放圖片的小例子
更新時(shí)間: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;
}
}
}
}
您可能感興趣的文章:
- js實(shí)現(xiàn)固定顯示區(qū)域內(nèi)自動縮放圖片的方法
- JavaScript等比例縮放圖片控制超出范圍的圖片
- THINKPHP+JS實(shí)現(xiàn)縮放圖片式截圖的實(shí)現(xiàn)
- javascript 實(shí)現(xiàn)的完全兼容鼠標(biāo)滾軸縮放圖片的代碼
- js實(shí)現(xiàn)頭像圖片切割縮放及無刷新上傳圖片的方法
- js實(shí)現(xiàn)鼠標(biāo)滾輪控制圖片縮放效果的方法
- JS網(wǎng)頁圖片按比例自適應(yīng)縮放實(shí)現(xiàn)方法
- JS實(shí)現(xiàn)按比例縮放圖片的方法(附C#版代碼)
相關(guān)文章
bootstrapValidator表單驗(yàn)證插件學(xué)習(xí)
這篇文章主要為大家詳細(xì)介紹了表單驗(yàn)證插件bootstrapValidator的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12JavaScript中String和StringBuffer的速度之爭
很多Javascript書籍中都是類比于Java說String在頻繁的和大量的字符串連接方面的效率是不如StringBuffer的。2010-04-04JS中關(guān)于事件處理函數(shù)名后面是否帶括號的問題
JS中的事件處理(事件綁定)就是讓某種或某些事件觸發(fā)某些活動。有兩種常見的形式,分別是DOM Level 0 和DOM Level 2。今天總結(jié)一個(gè)關(guān)于事件處理程序的小細(xì)節(jié)。感興趣的朋友一起學(xué)習(xí)吧2016-11-11JavaScript中合并Object的三種基本方法小結(jié)
在開發(fā)過程中,我們經(jīng)常會遇到合并對象的需求,今天我們就來了解一下合并對象的幾種基本方法,文中通過代碼示例介紹的非常詳細(xì),感興趣的小伙伴跟著小編一起來看看吧2023-08-08JS+CSS制作DIV層可(最小化/拖拽/排序)功能實(shí)現(xiàn)代碼
DIV層最小化和隨意拖拽排序,很多的愛好者都想實(shí)現(xiàn)這個(gè)功能,小編整理搜集了一下,希望本文的知識點(diǎn)可以幫助到你2013-02-02JavaScript中的常見問題解決方法(亂碼,IE緩存,代理)
這篇文章主要是對JavaScript中的常見問題解決方法(亂碼,IE緩存,代理)進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以過來參考下,希望對大家有所 幫助2013-11-11ES6 proxy和reflect的使用方法與應(yīng)用實(shí)例分析
這篇文章主要介紹了ES6 proxy和reflect的使用方法,結(jié)合具體實(shí)例形式分析了ES6 proxy和reflect基本功能、原理、使用方法與操作注意事項(xiàng),需要的朋友可以參考下2020-02-02