jcorp 頭像裁剪 api 個人總結(坑)

2021-08-04 15:36:14 字數 1171 閱讀 9879

//頭像裁剪

var jcrop_api, boundx, boundy;

var x;

var y;

var width;

var height;

// dom結構

//// //

// //js

//建立

// fn_crop($('.cropbox'));//注意 最好用class 命名; (坑);

// $('.custom_head_content').css('background-color','black');

function fn_crop($dom) 選框選定時的事件

//onrelease function(){} 取消選框時的事件

//下表是api方法

//名稱 說明

//setimage(string) 設定(或改變)影象。例:jcrop_api.setimage(「newpic.jpg」)

//setoptions(object) 設定(或改變)引數,格式與初始化設定引數一樣

//setselect(array) 建立選框,引數格式為:[x,y,x2,y2]

//animateto(array) 用動畫效果建立選框,引數格式為:[x,y,x2,y2]

//release() 取消選框

//disable() 禁用 jcrop。說明:已有選框不會被清除。

//enable() 啟用 jcrop

//destroy() 移除 jcrop

//tellselect() 獲取選框的值(實際尺寸)。例子:console.log(jcrop_api.tellselect())

//tellscaled() 獲取選框的值(介面尺寸)。例子:console.log(jcrop_api.tellscaled())

},function () )

};function updatecoords(c) );

}//$('#x').val(c.x);

//$('#y').val(c.y);

//$('#w').val(c.w);

//$('#h').val(c.h);

}; function checkcoords()

//jcropt 結束

ios 裁剪圓形頭像 iOS中裁剪圓形頭像

void clipimage 0.載入 uiimage image uiimage imagenamed 阿狸頭像 1.開啟位圖上下文,跟尺寸一樣大 uigraphicsbeginimagecontextwithoptions image.size,no,0 2.設定圓形裁剪區域,正切與 2.1建立...

vue 移動端頭像裁剪 Vue 頭像裁剪控制項

使用 基於canvas擼的乙個 vue頭像裁剪控制項 pc端,滑鼠左鍵移動 滾輪縮放 右鍵旋轉 移動端,單指移動,雙指移動 縮放 旋轉 屬性backboxsize 背景方格大小 預設值 10 backboxcolor0 背景方格顏色0 預設值 fcf2ff backboxcolor1 背景方格顏色1...

android裁剪頭像上傳

由於最近沒什麼事,把以前經常用到的東西自己重頭寫一遍,然後記錄下來,給需要的朋友使用,也方便自己以後學習 思路 1.首先選擇 2.進行裁剪 3.儲存到本地 intent intent new intent android.media.action.image capture intent.putex...