5款好用的開源JS圖片裁剪外掛(3個jQuery外掛，2個AngularJS外掛)

阿新 • • 發佈：2019-02-11

tapmodo / Jcrop
Jcrop是人氣最高的圖片裁剪jQuery外掛，stars數量2k+，功能非常豐富，文件齊全，首選。Github.com官網也使用了這個外掛。有一個小細節是，邊框線的螞蟻線是動畫的，真的很用心。
Jcrop專案地址 | demo1 | demo2 | demo3 | demo4
fengyuanchen / cropper
Cropper也是一款圖片裁剪jQuery外掛，stars數量1k+，是杭州的前端工程師Fengyuan Chen所寫的，功能也相當豐富，裁剪時還可以對原圖進行旋轉。
Cropper專案地址 | demo
odyniec / imgareaselect

imgAreaSelect 也是比較經典的圖片裁剪jQuery外掛，我很久以前就在自己的專案中使用過，stars數量500+。
imgAreaSelect專案地址 | demo
alexk111 / ngImgCrop
ngImgCrop是用於AngularJS的圖片裁剪外掛，提供圓形和矩形兩種裁剪框風格。
ngImgCrop專案地址 | demo
andyshora / angular-image-crop
Angular Image Crop 也是用於AngularJS的圖片裁剪外掛，我沒用過，不好評價什麼了。
Angular Image Crop 專案地址 | demo

5款好用的開源JS圖片裁剪外掛(3個jQuery外掛，2個AngularJS外掛)

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

5款好用的mysql客戶端

-c 文檔容易專業服務刷新數據結果如何操作mysql 1. EMS SQL Manager for MySQL是一款高性能MySQL數據庫服務器系統的管理和開發工具。它支持從MySQL 3.23到6.0的任一版本，並支持最新版本的MySQL的特點，包括：查

5 款最好用的圖片無失真壓縮工具

第一：Tinypng 地址：https://tinypng.com/ 這款工具我最常用的，實在是太喜歡了，經常用到，最大限度的做到對畫質無損的進行壓縮，推薦！這個工具他同時支援對Jpg和Png的壓縮。Tinypng也支援Wordpress和magento的使用。 Wo

一款比較好用的JS時間控制元件-laydate

一款比較好用的JS時間控制元件-laydate 　　官方講解：http://laydate.layui.com/ 　　具體的內容請看官方講解，此處僅說名應用：　　1、在jsp或html或其他中引入laydate.js 　　　　<script src="……/laydate/l

4款好用的開源HTML編輯器

xhEditor開源HTML編輯器 xhEditor是一個基於jQuery開發的簡單迷你並且高效的視覺化HTML編輯器，基於網路訪問並且相容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。官方地址是：

JS元件系列——再推薦一款好用的bootstrap-select元件，親測還不錯

前言：之前分享過兩篇bootstrap下拉框的元件：JS元件系列——兩種bootstrap multiselect元件大比拼和 JS元件系列——Bootstrap Select2元件使用小結，收到很多園友的關注和提問，最後總結這兩篇裡面的下拉框元件都存在一些大大小小的問題，比如兩種bootstrap m

JS元件系列——Bootstrap元件福利篇：幾款好用的元件推薦

前言：之前分享過很多bootstrap常用元件，包括表格、表單驗證、檔案上傳、複選下拉框、彈出框等。這段時間，博主又收藏了一些好用的元件（有些在專案中已經用起來了），經過兩天的時間，已經整理出了一部分，本著“好東西要與人分享”的原則，今天還是來點福利，將博主收藏的東西分享出來，供需要的園友參考。元件大部分都是

JS元件系列——Bootstrap元件福利篇：幾款好用的元件推薦（二）

前言：上篇 JS元件系列——Bootstrap元件福利篇：幾款好用的元件推薦分享了幾個專案中比較常用的元件，引起了許多園友的關注。這篇還是繼續，因為博主覺得還有幾個非常簡單、實用的元件，實在不願自己一人獨享，沒辦法，誰讓博主這麼愛分享呢~~ 七、多值輸入元件manifest 關於文字框的多值輸入，一

記錄兩款好用的圖片處理工具

一、ImageAlpha Mac OS X 下 pngquant 以及其他工具的 GUI，有四種壓縮模式可以選擇，還可以調整色彩模式。只是這款軟體不支援批量壓縮，並且壓縮速度並沒有第二款軟體快。二、Pngyu Mac OS X 和 Windows 下GU

輪子系列：一款能用易用好用的Android圖片輪播輪子

前言 Banner功能在Android開發中實在是太常見了，主要用於廣告輪播、商品照片輪播等等，如下圖：今天我來手把手教你如何使用一個能用易用好用的Android圖片輪播輪子。目錄 1. 實現輪播功能為什麼

初學者---Android 一款好用的Dialog開源框架NiftyDialogEffects

效果圖： . . . 一.使用依賴:project的build.gradle檔案: allprojects { repositories { google() jcenter() //Dialog

盤點 8 款好用的開源商城系統

全球電子商務巨頭Amazon當家人貝索斯說過，“在現實世界的商店最有力的武器就是地段，地段，地段，而對於我們來說最重要的三件事就是技術，技術，技術。”可想而知，若要進軍電子商務，商城系統的地位舉足輕重，強大的系統在工作效率、業務實現等更給力。經過網站技術的迅速發展，如今，

如何選擇一款好用的視頻制作軟件？

視頻編輯軟件會聲會影X10 視頻剪輯軟件哪個好？會聲會影不只是簡單的視頻處理軟件，它是一套軟件的總稱，包含：制作視頻的主體、制作相冊的附件、錄制屏幕的附件以及學習會聲會影的網站，小沫老師的會聲會影X9視頻教程在官網上也受到了用戶的一致好評，大家可以點擊查看哦。 1、頁

怎麽選擇CAD看圖軟件!幾款好用的CAD看圖軟件

怎麽將CAD中的線打斷這個大家都會了，那麽，如何將CAD中打斷的線再重新連接起來呢。今天小編教大家如何將dwg文件查看器中的斷線連接起來，一起來看看具體的操作步驟吧。 1．在電腦上下載安裝好迅捷CAD編輯器，軟件安裝簡單快速，可實現對CAD圖紙的快速查看和編輯。安裝完成後用迅捷CAD編輯器打

Datatables快速入門開發--一款好用的JQuery表格插件

支持 idt rst turn 插件 start sea 下拉框進行　　博主是一個java後端程序員小白,前端技術會用但不精通,做後臺的一些功能經常要涉及表格的展示,分頁,搜索,排序等等一系列功能,在經歷了一段時間的原始手段,開始接觸並使用Datatables,一個jq

angular-file-upload 一款好用的文件上傳組件

對象 failed ati 路徑 scan ready cancel console function 演示地址：http://runjs.cn/detail/o4a55204 第一步：引入資源文件，在 head 標簽中引入資源 <link rel

cropper.js圖片裁剪

設置並且 tip pan 初始以及 per col com 最近做電子名片的項目，可是個人照片展示上出現了用戶上傳的圖片尺寸嚴重失調，所以要求進行圖片裁剪，再此我對圖片裁剪進行調研還不太成熟以後再改這個實現的原理是前臺獲取到坐標圖片的尺寸原圖文件傳給後

KindEditor 一款好用的HTML可視化編輯器（富文本編輯器）

好用 shu spl 相對 relative -a sda per 我想　　KindEditor使用JavaScript編寫，可以無縫的於Java、.NET、PHP、ASP等程序接合。 KindEditor非常適合在CMS、商城、論壇、博客、Wiki、電子郵件等互聯網應用

5.管好用戶

完成 body 天數自己其余字段表 mod 提醒更改 1.查看用戶 UID 是確認用戶權限的標識，每個用戶的 UID 必須是唯一的，通過修改/etc/passwd 文件，可修改任何用戶的 UID 的值 id [用戶名]查看某個指定用戶的 UID，其初始用戶組的 GI

一款好用的內網穿透工具，拯救沒有公網IP的你

內網穿透網絡通越來越多的用戶沒有自己的獨立公網IP，在發布一些應用或者網站到外網的時候就是一件很麻煩的事情。請註意，我說的獨立公網IP並不是說一定要靜態公網IP。撥號上網動態IP也不一定不可以。我們要的就是網關出口一定要是公網IP，假如你的網關路由器WAN口是一個內網IP肯定不行。說明一點，ipv

5款好用的開源JS圖片裁剪外掛(3個jQuery外掛，2個AngularJS外掛)

相關推薦