在移動端的app中,經常都需要有一個功能,頭像圖檔上傳,在上傳前可以進行裁剪,預覽,最後再上傳,雖然現在網上有很多開源的插件可以實作,但是最近騰訊開源的一個很好用的插件,就是應用于騰訊一系列産品的Alloyfinger。騰訊alloyteam團隊http://www.alloyteam.com
下面的這個demo是基于alloyerfinger的:
矩形裁剪圖檔:
圓形裁剪圖檔:
在移動端使用時,我們可以移動圖檔,可以捏放圖檔,根據自己的需求裁剪自己的圖檔。
代碼已在github上開源。歡迎通路:https://github.com/bingcool