[AngularJs] 截圖套件 - ngImgCropExtended

最近遇到客戶需要上傳圖片時加入截圖的流程
換了ng開發後就沒有使用截圖套件了，因此到網上找了一些相關套件

1.ngImgCrop

看了Demo之後覺得不錯，但事後發現一個問題就是他只能固定正方形截圖，
而且截出來的圖必須指定大小，不能依上傳的圖片等比裁切

因此進一步查到有好新人事幫忙擴充 https://github.com/CrackerakiUA/ui-cropper
他提供裁切可以任意矩型，而且可以裁出來可以是原畫質的大小

html 參考 ：

<img-crop image="myImage"
          result-image="imgPath"
          area-type="rectangle"
          result-image-size="'max'"
          on-load-done="onLoadDone()"></img-crop>

檔案只要把ng-img-crop.js, ng-img-crop.css加入

並在app.module include ngImgCrop 即可使用他的directive囉

其他參考demo

Codepen: Circle + Chargement Crop
Codepen: Square + Init Url Crop + Maximum rendered image
Codepen: Rectangle Crop
Codepen: Rectangle Crop + Crop info
Codepen: Rectangle With Aspect Crop and Max Init
Codepen: Rectangle + Aspect + Array Crop
Codepen: Rectangle + CSS Crop
Codepen: Different sizes