首頁 >web前端 >js教程 >JS等比例縮小圖片尺寸的實例_javascript技巧

JS等比例縮小圖片尺寸的實例_javascript技巧

WBOY
WBOY原創
2016-05-16 17:41:181146瀏覽

為了提升使用者體驗,網站使用者在上傳圖片的時候,我們不能夠讓使用者自己去處理圖片以達到我們的要求。

而通常像淘寶上商品實物展示這樣的頁面,我們需要控制的主要是圖片的寬度。

又考慮到html頁面解析順序可能導致的一些問題,決定透過定義一個簡單的功能函數,然後在img元素中加入onload事件來呼叫的方式進行實現,程式碼如下:

JS部分

複製代碼 代碼如下:


複製程式碼

程式碼如下: JS等比例縮小圖片尺寸的實例_javascript技巧
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn