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í)。
在線測(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í)。
在線測(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)文章
window.open想必大家對(duì)它并不陌生吧，那么如何讓它全屏就有些朋友不知道了，下面為大家介紹下其常用的命令及如何全屏2013-12-12
JavaScript經(jīng)典案例之簡(jiǎn)易計(jì)算器
這篇文章主要為大家詳細(xì)介紹了JavaScript經(jīng)典案例之簡(jiǎn)易計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
JS獲取scrollHeight問(wèn)題想到的標(biāo)準(zhǔn)問(wèn)題
如果沒(méi)有文檔聲明可以用 document.body.scrollHeight,如果有文檔聲明必須用 document.documentElement.scrollHeight關(guān)于這方面的東西2007-05-05
javascript 原型模式實(shí)現(xiàn)OOP的再研究
目前網(wǎng)絡(luò)上有關(guān)javascript實(shí)現(xiàn)OOP模式的方案基本上都是prototype模式，一般性的示例代碼如下2009-04-04
微信小程使用swiper組件實(shí)現(xiàn)圖片輪播切換顯示功能【附源碼下載】
這篇文章主要介紹了微信小程使用swiper組件實(shí)現(xiàn)圖片輪播切換顯示功能,涉及swiper組件相關(guān)屬性使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12
這篇文章主要介為大家詳細(xì)紹了Bootstrap CSS布局之按鈕的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
el-input 標(biāo)簽中密碼的顯示和隱藏功能的實(shí)例代碼
本文通過(guò)實(shí)例代碼給大家介紹了el-input 標(biāo)簽中密碼的顯示和隱藏 ,代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-07-07
鼠標(biāo)控制，空色方塊不要讓藍(lán)色方塊碰到就可以，看能玩多久，是個(gè)javascript不錯(cuò)的一個(gè)游戲啊，想用js寫(xiě)游戲的朋友可以參考下，看代碼應(yīng)該是國(guó)外的人寫(xiě)的2008-05-05
layer ui插件顯示tips時(shí),修改字體顏色的實(shí)現(xiàn)方法
今天小編就為大家分享一篇layer ui插件顯示tips時(shí),修改字體顏色的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
第一次接觸神奇的Bootstrap導(dǎo)航條，Bootstrap讓W(xué)eb開(kāi)發(fā)更迅速、更簡(jiǎn)單，感興趣的小伙伴們可以參考一下2016-08-08