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