javascript簡單實現(xiàn)等比例縮小圖片的方法
更新時間：2016年07月27日 08:56:12 作者：ajunfly
這篇文章主要介紹了javascript簡單實現(xiàn)等比例縮小圖片的方法,涉及javascript針對頁面元素屬性的讀取、運算及設(shè)置相關(guān)技巧,需要的朋友可以參考下
本文實例講述了javascript簡單實現(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動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
Javascript面試經(jīng)典套路reduce函數(shù)查重
reduce函數(shù)，是ECMAScript5規(guī)范中出現(xiàn)的數(shù)組方法.下面通過本文給大家分享Javascript面試經(jīng)典套路reduce函數(shù)查重，需要的朋友參考下吧2017-03-03
在JavaScript中事件監(jiān)聽是一種用于處理用戶交互的機制,下面這篇文章主要給大家介紹了關(guān)于JS綁定事件監(jiān)聽的幾種實現(xiàn)方法,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-10-10
這篇文章主要介紹了利用JavaScript實現(xiàn)放煙花特效和用字符“$”繪制“?！弊?，文中的示例代碼簡潔易懂，感興趣的小伙伴可以學(xué)習(xí)一下2022-01-01
這篇文章主要和大家聊一聊JavaScript的New關(guān)鍵字，一般我們通過New關(guān)鍵字來創(chuàng)建一個類的實例對象，感興趣的小伙伴們可以參考一下2016-08-08
JS使用getComputedStyle()方法獲取CSS屬性值
經(jīng)常會用到j(luò)s來獲取元素的CSS樣式，由于方法眾多，在下面的文章中為大家詳細整理下2014-04-04
這篇文章主要給大家介紹了關(guān)于js繼承的6種方式，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
這篇文章主要介紹了編程語言JavaScript簡介,本文講解了JavaScript是什么、JavaScript特點、JavaScript和Java的區(qū)別等內(nèi)容,需要的朋友可以參考下2014-10-10
電商系統(tǒng)中訂單、庫存中有數(shù)字等加減乘除算術(shù),下面這篇文章主要給大家介紹了關(guān)于利用Math.js解決JS計算小數(shù)精度丟失問題的相關(guān)資料,mathjs是一個前端在計算上面必定會用到的類庫,需要的朋友可以參考下2022-04-04
下面小編就為大家?guī)硪黄猨s原生跨域_用script標簽的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
Javascript函數(shù)技巧學(xué)習(xí)
這篇文章主要介紹了Javascript函數(shù)技巧學(xué)習(xí)，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的朋友可以參考一下2022-07-07