JavaScript 拖拉縮放效果
更新時間：2008年12月10日 17:45:02 作者：
拖拉縮放效果，實現(xiàn)通過鼠標拖動來調(diào)整層的面積（寬高）大小。例如選框效果。
這里的拖拉縮放比一般的選框復雜一點，能設置八個方位（方向）的固定觸發(fā)點，能設置最小范圍，最大范圍和比例縮放。
跟拖放效果一樣，程序的原型也是在做圖片切割效果的時候做出來的。但這個效果的參考少的多，基本上靠自己摸索，走了不少彎路，現(xiàn)在總算把自己想要的效果做出來了，程序跟上一個版本比較也已經(jīng)“面目全非”，還是覺得有很多需要改進的地方，就像永遠沒有最完美的土耳其地毯。
這里也有一個簡化版的SimpleResize，方便學習。
在線測試 http://img.jb51.net/online/Resize/Resize.htm
打包下載地址 http://img.jb51.net/online/Resize/Resize.rar
ps：實例中包含了拖放效果，不過兩個效果是完全獨立的，刪掉拖放的部分也能正常縮放。
跟拖放效果一樣，程序的原型也是在做圖片切割效果的時候做出來的。但這個效果的參考少的多，基本上靠自己摸索，走了不少彎路，現(xiàn)在總算把自己想要的效果做出來了，程序跟上一個版本比較也已經(jīng)“面目全非”，還是覺得有很多需要改進的地方，就像永遠沒有最完美的土耳其地毯。
這里也有一個簡化版的SimpleResize，方便學習。
在線測試 http://img.jb51.net/online/Resize/Resize.htm
打包下載地址 http://img.jb51.net/online/Resize/Resize.rar
ps：實例中包含了拖放效果，不過兩個效果是完全獨立的，刪掉拖放的部分也能正常縮放。
相關(guān)文章
Google Suggest ;-) 基于js的動態(tài)下拉菜單
Google Suggest ;-) 基于js的動態(tài)下拉菜單...2006-10-10
本文介紹了JavaScript中六種主要的繼承實現(xiàn)方式及其適用場景,并推薦在現(xiàn)代項目中優(yōu)先使用ES6的class繼承,每種繼承方式都有其特點和適用范圍,選擇合適的繼承方式對于編寫清晰、高效的JavaScript代碼至關(guān)重要,感興趣的朋友一起看看吧2025-02-02
微信小程序開發(fā)之實現(xiàn)選項卡(窗口頂部TabBar)頁面切換
本篇文章主要介紹了微信小程序開發(fā)之選項卡(窗口頂部TabBar)頁面切換，具有一定的參考價值，有需要的可以了解一下。2016-11-11
本文主要介紹了js中常用的Math方法，具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
判斷字符是不是ip和是不是數(shù)字的函數(shù)。2009-04-04
在本篇文章里小編給大家分享的是關(guān)于javascript單張多張圖無縫滾動實例代碼和實例，需要的朋友們可以參考下。2020-05-05
之前遇到不分頁直接獲取到全部數(shù)據(jù)，前端滾動查看數(shù)據(jù)，頁面就挺卡頓的，所以這篇文章來和大家聊聊如何解決這一問題，感興趣的小伙伴可以了解下2023-07-07
這篇文章主要介紹了webpack踩坑之路圖片的路徑與打包，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
ECharts多圖表聯(lián)動功能的實現(xiàn)過程
echarts是非常好用的圖表插件,下面這篇文章主要給大家介紹了關(guān)于ECharts多圖表聯(lián)動功能的相關(guān)資料,需要的朋友可以參考下2021-06-06
這篇文章主要介紹了Javascript 高階函數(shù)使用介紹,需要的朋友可以參考下2015-06-06