欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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動畫特效與技巧匯總》、《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)文章

  • Javascript面試經(jīng)典套路reduce函數(shù)查重

    Javascript面試經(jīng)典套路reduce函數(shù)查重

    reduce函數(shù),是ECMAScript5規(guī)范中出現(xiàn)的數(shù)組方法.下面通過本文給大家分享Javascript面試經(jīng)典套路reduce函數(shù)查重,需要的朋友參考下吧
    2017-03-03
  • JS綁定事件監(jiān)聽的幾種實(shí)現(xiàn)方法匯總

    JS綁定事件監(jiān)聽的幾種實(shí)現(xiàn)方法匯總

    在JavaScript中事件監(jiān)聽是一種用于處理用戶交互的機(jī)制,下面這篇文章主要給大家介紹了關(guān)于JS綁定事件監(jiān)聽的幾種實(shí)現(xiàn)方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-10-10
  • JavaScript實(shí)現(xiàn)煙花和福字特效

    JavaScript實(shí)現(xiàn)煙花和福字特效

    這篇文章主要介紹了利用JavaScript實(shí)現(xiàn)放煙花特效和用字符“$”繪制“福”字,文中的示例代碼簡潔易懂,感興趣的小伙伴可以學(xué)習(xí)一下
    2022-01-01
  • 談?wù)凧avaScript的New關(guān)鍵字

    談?wù)凧avaScript的New關(guān)鍵字

    這篇文章主要和大家聊一聊JavaScript的New關(guān)鍵字,一般我們通過New關(guān)鍵字來創(chuàng)建一個(gè)類的實(shí)例對象,感興趣的小伙伴們可以參考一下
    2016-08-08
  • JS使用getComputedStyle()方法獲取CSS屬性值

    JS使用getComputedStyle()方法獲取CSS屬性值

    經(jīng)常會用到j(luò)s來獲取元素的CSS樣式,由于方法眾多,在下面的文章中為大家詳細(xì)整理下
    2014-04-04
  • js繼承的6種方式詳解

    js繼承的6種方式詳解

    這篇文章主要給大家介紹了關(guān)于js繼承的6種方式,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-04-04
  • 編程語言JavaScript簡介

    編程語言JavaScript簡介

    這篇文章主要介紹了編程語言JavaScript簡介,本文講解了JavaScript是什么、JavaScript特點(diǎn)、JavaScript和Java的區(qū)別等內(nèi)容,需要的朋友可以參考下
    2014-10-10
  • 利用Math.js解決JS計(jì)算小數(shù)精度丟失問題

    利用Math.js解決JS計(jì)算小數(shù)精度丟失問題

    電商系統(tǒng)中訂單、庫存中有數(shù)字等加減乘除算術(shù),下面這篇文章主要給大家介紹了關(guān)于利用Math.js解決JS計(jì)算小數(shù)精度丟失問題的相關(guān)資料,mathjs是一個(gè)前端在計(jì)算上面必定會用到的類庫,需要的朋友可以參考下
    2022-04-04
  • js原生跨域_用script標(biāo)簽的簡單實(shí)現(xiàn)

    js原生跨域_用script標(biāo)簽的簡單實(shí)現(xiàn)

    下面小編就為大家?guī)硪黄猨s原生跨域_用script標(biāo)簽的簡單實(shí)現(xiàn)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-09-09
  • Javascript函數(shù)技巧學(xué)習(xí)

    Javascript函數(shù)技巧學(xué)習(xí)

    這篇文章主要介紹了Javascript函數(shù)技巧學(xué)習(xí),文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的朋友可以參考一下
    2022-07-07

最新評論