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