簡介
裁剪圖片的應(yīng)用場景有頭像編輯、圖像編輯,在移動端要配合手勢以及進(jìn)行觸摸反饋來進(jìn)行變形以確認(rèn)用戶的選區(qū)進(jìn)行裁剪。AlloyCrop就是專注于裁剪圖像的組件,目前服務(wù)于QQ相關(guān)的Web業(yè)務(wù),今日正式對外開源。
項(xiàng)目截圖
這里需要注意的是,圓形裁剪出的圖片其實(shí)是正方形的,這里可以通過CSS3圓角邊框自行設(shè)置為圓形的圖片。
使用姿勢
new AlloyCrop({ image_src: "img src", circle:true,
延伸閱讀
- ssh框架
2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖
2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe
2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】
2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞
2017-07-26
- 從棧不平衡問題 理解 calling convention
2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明
2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解
2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析
2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二)
2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式