jquery.photoclip.js是一款很有用的jquery圖片裁剪插件工具，有了這款軟件用戶就可以更加方便的在網(wǎng)上裁剪圖片了，而且通過這個方式裁剪出來的效果會更加完美，歡迎有需要的朋友來試用。

jquery.photoclip插件介紹

jQueryphotoClip是一款支持移動設(shè)備觸摸手勢的圖片裁剪jQuery插件，其實用性強，可以幫助大家裁剪出各種精美的圖片來，如果大家需要的話可以隨時來試用。

query.photoclip參數(shù)說明

width：截取區(qū)的寬度。

height：截取域的高度。

file：上傳圖片的<input type="file">控件的選擇器或者DOM對象。

view：顯示截取后圖像的容器的選擇器或者DOM對象。

ok：確認(rèn)截圖按鈕的選擇器或者DOM對象。

outputType：指定輸出圖片的類型，可選 "jpg" 和 "png" 兩種種類型，默認(rèn)為 "jpg"。

strictSize：是否嚴(yán)格按照截取區(qū)域?qū)捀卟眉簟ＤJ(rèn)為false，表示截取區(qū)域?qū)捀邇H用于約束寬高比例。如果設(shè)置為true，則表示截取出的圖像寬高嚴(yán)格按照截取區(qū)域?qū)捀咻敵觥?/p>

loadStart：開始加載的回調(diào)函數(shù)。this指向 fileReader 對象，并將正在加載的 file 對象作為參數(shù)傳入。

loadComplete：加載完成的回調(diào)函數(shù)。this指向圖片對象，并將圖片地址作為參數(shù)傳入。

loadError：加載失敗的回調(diào)函數(shù)。this指向 fileReader 對象，并將錯誤事件的 event 對象作為參數(shù)傳入。

clipFinish：裁剪完成的回調(diào)函數(shù)。this指向圖片對象，會將裁剪出的圖像數(shù)據(jù)DataURL作為參數(shù)傳入。

jquery.photoclip使用方法

jquery.photoclip.js(jquery圖片裁剪插件)，可以直接打開本地圖片進行裁剪，滾動鼠標(biāo)滾輪可以放大或縮小圖片；支持在手機端通過手勢來裁剪圖片：兩手指往一起捏或撐開可以放大或縮小圖片，雙手指旋轉(zhuǎn)可能90度旋轉(zhuǎn)圖片。該插件需要配合iscroll-zoom.js插件和hammer.js，請參見軟件包中的js文件夾。