AlloyClip基于AlloyImage的圖片裁切組件

AlloyClip 是基于 AlloyImage 的圖片裁切組件。

為什么使用AlloyClip

基于移動(dòng)互聯(lián)網(wǎng)的Web頁面越來越多，與此同時(shí)，用戶獲取圖像的成本也越來越低，裁剪、進(jìn)一步修修飾圖像的需求也越來越多。 本著Don't Repeat Yourself的原則，AlloyClip是基于AlloyImage圖像處理庫的圖像裁剪組件，將適配大多數(shù)的開發(fā)需求，做到嵌入即可用的開發(fā)模式，避免相似場(chǎng)景重復(fù)開發(fā)的局面出現(xiàn)，同時(shí)使AlloyImage基礎(chǔ)技術(shù)服務(wù)于業(yè)務(wù)需求。

文檔

0.0.1

$AC或AlloyClip

構(gòu)造方法 初始化AlloyClip對(duì)象
new $AC(String Selector, Number width, Number height, Number Style);
{Selector} DOM選擇器
{width} 要裁剪到寬度
{height} 要裁剪的高度
{Style} 使用的樣式 0是不固定選擇框，1是固定選擇框
返回 AlloyClip對(duì)象

AlloyClip對(duì)象的方法

ok

點(diǎn)擊確定按鈕進(jìn)行的方法注冊(cè)
ok(Function callback)
{callback} 回調(diào)函數(shù)，有兩個(gè)參數(shù)分別為base64, AIObj
base64為裁剪好的圖片base64字符串
AIObj為裁剪好的圖片AlloyImage對(duì)象

示例

new?$AC(".t",?200,?100,?1).ok(function(base64,?AIObj){
????????//upload?base64

????????//or?use?AlloyImage?processing?image
????????AIObj.ps("lomo").download("AIpsed.jpg",?0.6);});