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