之前專門寫的一個基于Jcrop圖片裁剪實現(xiàn)的插件文章,希望對你有幫助
創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供通州網(wǎng)站建設(shè)、通州做網(wǎng)站、通州網(wǎng)站設(shè)計、通州網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、通州企業(yè)網(wǎng)站模板建站服務(wù),十余年通州做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。
一般的頭像上傳大小的縮放都是由后端處理的。
jquery jcrop
是用來做圖片剪切的(但圖片的剪切實際也是由后端處理的)jcrop只是提供了要剪切的坐標(biāo)。
最新版的jcrop接口只提供了 四種事件
crop.activate Active widget has changed
crop.update Widget dragging or resizing (frequent!)
crop.change Widget dragging or resizing finished
crop.remove Widget removed from stage
雙擊事件的話可以使用
jcp.listen("dblclick", (widget, e) = { console.log(e);})
來捕捉事件,但這個widget一直是undefined,沒法直接獲取到當(dāng)前widget,
但是可以獲取直接獲取當(dāng)前活動的widget(stage.active)
位置就在active.pos
老版本的jcrop 直接在onDblClick綁定事件就好
這個用JQUERY自己寫比較方便,
MOUSEDOWN時間記錄下鼠標(biāo)的XY坐標(biāo),MOUSEUP時間記錄下XY坐標(biāo),然后根據(jù)這兩個點創(chuàng)建一個層,然后在層的4個角,也設(shè)置剛才說的時間,你就知道,左上,右上,左下,右下便宜多少,層根據(jù)這個變換大小,就OK了。
分享文章:jcropjquery的簡單介紹
URL分享:http://chinadenli.net/article46/dsiishg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、App開發(fā)、網(wǎng)站設(shè)計公司、虛擬主機(jī)、品牌網(wǎng)站制作、全網(wǎng)營銷推廣
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)