開源JS圖片裁剪插件

開源JS圖片裁剪插件

一、總結

一句話總結：

要用點贊最高的插件，這樣適用性最好，效果最好，出問題的概率也最低，這裏電腦端和手機端都可以用的建議用 cropper.js

 

 

二、5款好用的開源JS圖片裁剪插件(3個jQuery插件，2個AngularJS插件)（轉）

轉自：5款好用的開源JS圖片裁剪插件(3個jQuery插件，2個AngularJS插件)
https://blog.csdn.net/kingmax54212008/article/details/79742199

 

 

 

1. tapmodo / Jcrop
   Jcrop是人氣最高的圖片裁剪jQuery插件，stars數量2k+，功能非常豐富，文檔齊全，首選。Github.com官網也使用了這個插件。有一個小細節是，邊框線的螞蟻線是動畫的，真的很用心。
   Jcrop項目地址 | demo1 | demo2 | demo3 | demo4
   

    

    

   ---

2. fengyuanchen / cropper
   Cropper也是一款圖片裁剪jQuery插件，stars數量1k+，是杭州的前端工程師Fengyuan Chen所寫的，功能也相當豐富，裁剪時還可以對原圖進行旋轉。
   Cropper項目地址 | demo
   

    

    

   ---

3. odyniec / imgareaselect
   imgAreaSelect 也是比較經典的圖片裁剪jQuery插件，我很久以前就在自己的項目中使用過，stars數量500+。
   imgAreaSelect項目地址 | demo
   

    

    

   ---

4. alexk111 / ngImgCrop
   ngImgCrop是用於AngularJS的圖片裁剪插件，提供圓形和矩形兩種裁剪框風格。
   ngImgCrop項目地址 | demo

    

    

5. andyshora / angular-image-crop
   Angular Image Crop 也是用於AngularJS的圖片裁剪插件，我沒用過，不好評價什麼了。
   Angular Image Crop 項目地址 | demo