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

jquery.photoclip插件介紹

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

query.photoclip參數(shù)說(shuō)明

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

height：截取域的高度。

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

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

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

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：開(kāi)始加載的回調(diào)函數(shù)。this指向 fileReader 對(duì)象，并將正在加載的 file 對(duì)象作為參數(shù)傳入。

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

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

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

jquery.photoclip使用方法

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