javascript簡單實(shí)現(xiàn)等比例縮小圖片的方法
更新時(shí)間：2016年07月27日 08:56:12 作者：ajunfly
這篇文章主要介紹了javascript簡單實(shí)現(xiàn)等比例縮小圖片的方法,涉及javascript針對頁面元素屬性的讀取、運(yùn)算及設(shè)置相關(guān)技巧,需要的朋友可以參考下
本文實(shí)例講述了javascript簡單實(shí)現(xiàn)等比例縮小圖片的方法。分享給大家供大家參考，具體如下：
//等比例縮小圖片
function changeImg(obj,width,height) {
var img = new Image();
img.src = document.getElementById(obj.id).src
var ys_w = img.width;
var ys_h = img.height;
if(ys_w > width || ys_h > height)
{
var scale;
var scale1 = ys_w / width;
var scale2 = ys_h / height;
//alert(scale1+","+scale2);
if(scale1 > scale2)
{
scale = scale1;
}
else
{
scale = scale2;
}
document.getElementById(obj.id).style.width = ys_w / scale;
document.getElementById(obj.id).style.height = ys_h / scale;
}
}
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
java與javascript之間json格式數(shù)據(jù)互轉(zhuǎn)介紹
對象轉(zhuǎn)為字符串：通過JSON.encode方法，這個(gè)是json.js里面的方法，引入到當(dāng)前文件就可以了，下面整理的比較詳細(xì)一點(diǎn)，感興趣的朋友不要錯(cuò)過2013-10-10
JS獲取中文拼音首字母并通過拼音首字母快速查找頁面內(nèi)對應(yīng)中文內(nèi)容的方法【附demo源碼】
這篇文章主要介紹了JS獲取中文拼音首字母并通過拼音首字母快速查找頁面內(nèi)對應(yīng)中文內(nèi)容的方法,涉及javascript針對字符串的遍歷、查找、正則匹配及轉(zhuǎn)換等操作技巧,并附帶完整demo源碼供讀者下載參考,需要的朋友可以參考下2016-08-08
這篇文章主要給大家介紹了關(guān)于js手寫貪吃蛇游戲的相關(guān)資料,貪吃蛇游戲是一款經(jīng)典的游戲,在很多平臺(tái)上都有出現(xiàn),文中給出了詳細(xì)源代碼,需要的朋友可以參考下2023-09-09
javascript實(shí)現(xiàn)鼠標(biāo)拖尾特效
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)鼠標(biāo)拖尾特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
JavaScript高級函數(shù)應(yīng)用之分時(shí)函數(shù)實(shí)例分析
這篇文章主要介紹了JavaScript高級函數(shù)應(yīng)用之分時(shí)函數(shù),結(jié)合實(shí)例形式分析了javascript通過合理分時(shí)函數(shù)應(yīng)用避免瀏覽器卡頓或假死的相關(guān)操作技巧,需要的朋友可以參考下2018-08-08
這篇文章主要為大家詳細(xì)介紹了用js實(shí)現(xiàn)輪播圖，播放上一張，下一張，可選取第幾張等效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了JavaScript中的函數(shù)的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下2020-09-09
JavaScript實(shí)現(xiàn)鼠標(biāo)滑過圖片變換效果的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)鼠標(biāo)滑過圖片變換效果的方法,涉及javascript控制鼠標(biāo)事件及樣式變換的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
WXSS(WeiXin?Style?Sheets)是一套樣式語言,用于描述?WXML?的組件樣式,下面這篇文章主要給大家介紹了關(guān)于微信小程序WXSS和全局、頁面配置的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
這篇文章主要介紹了前端解決滾動(dòng)穿透問題的五種常見方法,并詳細(xì)分析了它們的優(yōu)缺點(diǎn)和適用場景,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-03-03