好不容易完成了一個基於web2.0概念的專案管理系統,在系統的實現過程中用到了頭像的縮放裁剪的功能模組,而且我發現在網絡上很少有討論這方面的文章,所以把我的實現方式貼出來,跟大家分享一下,寫的不好還請多多海涵。
我是用jquery ui的ui.draggable實現的。當然,本文所實作的方法不限於jquery ui,只要能實現拖曳的功能,任何函式庫都可以。我用的jquery ui的版本號碼是1.6,這個版本已經改了很多的bug,漸趨完善,老實說以前的有些版本代碼bug非常多,現在程式碼品質有了一定的提高,尤其bug改了不少。這個ui函式庫完全相容jquery的語法,也就是說隱式迭代、超強大的selector等都可以無縫的使用,這比起dojo,ext等元件庫使用起來要更為方便、輕量。
展開