使用JQuery插件Jcrop進行圖片截取
Jcrop插件本身並不含有圖片截取功能，它僅僅是在前端層面構建一套截取動畫效果並產生4個坐標點，插件使用者將這4個坐標點傳回至服務器接口上進行截取操作。其優點是具有較高的通用性、瀏覽器兼容性（IE6+）及穩定性高，缺點是無法適用於手機H5開發（無圖片縮放、拖拽效果）。 最新版的Jcrop已更新 ...
原文：使用jcrop進行頭像剪切
項目需要做一個頭像截取的功能，類似於QQ頭像截取功能。在網上搜了下，最后使用jQuery插件jcrop來截取， 在后台來進行圖片切割。 頭像截取的原理：在前台使用jcrop獲取切面的x軸坐標 y軸坐標 切面高度 切面寬度，然后將這四個值傳給后 台。在后台要進行放大處理：將切面放大N倍，N 原圖 前台展示的頭像。即X X 原圖寬 前圖寬，Y Y 原圖高 前 圖高，W W 原圖寬 前圖寬,H H 原 ...
2013-05-18 10:18 2 4451 推薦指數：
相關推薦
[Bootstrap-插件使用]Jcrop+fileinput組合實現頭像上傳功能
很久沒有更新博客了，再不寫點東西都爛了。 這次更新一個小內容，是兩個插件的組合使用，實現頭像上傳功能。 業務需求： 頭像上傳功能，要對上傳的文件進行剪切，且保證頭像到服務器時必須是正方形的。 優化<input type="file">的顯示樣式，基礎的樣式實在太 ...
【Bootstrap-插件使用】Jcrop+fileinput組合實現頭像上傳功能
都爛了。 這次更新一個小內容，是兩個插件的組合使用，實現頭像上傳功能。 業務需求： ...
vue 剪切圖片上傳頭像，使用 cropperjs 實現
我使用的是vue，移動端的項目。 官網地址：cropperjs GitHub地址：https://github.com/fengyuanchen/cropperjs/blob/master/README.md 先看效果圖，不然沒有吸引力啊！！哈哈 這里只記錄使用 ...
C#使用OpenCV剪切圖片中的人物頭像
前言 本文主要介紹如何使用OpenCV剪切圖形中的人物頭像。 准備工作 首先創建一個Wpf項目——OpenCV_Face_Wpf，這里版本使用Framework4.7.2。 然后使用Nuget搜索【Emgu.CV】，如下圖。 這里的Emgu.CV選擇4.3.0.3890版本，然后安裝 ...
plupload:Springmvc使用plupload上傳頭像，並自動剪切圓形
最近在做的這個項目非常重視頁面的用戶效果體驗，要求用戶注冊時上傳的頭像自動生成圓形，這樣做一來是為了好看，二來是讓公司安卓、iOS那邊可以直接使用用戶頭像，不用剪切。該功能我使用了plupload上傳插件，然后通過查閱資料寫了一個圓形切割的Java工具類，下面記錄一下完成的過程 ...
android頭像上傳（獲取頭像加剪切）
因為項目中需要用到頭像上傳的功能，所以就下個Ddmo先來實現下。 demo我是類似仿微信的，在一個GridView中展示所有的圖片，其中第一個item可以去照相；獲取到圖片后再進行剪切。 圖片的剪切是從網上找的感覺不錯就用，暫時也沒有測試。 獲取圖片可以用：https ...
jcrop+jquery+javaweb 實現頭像裁剪、上傳
（本文原創，引用請注明出處--zhangjieatbky） 環境准備 准備jquery、jcrop的js和css（官網獲取）、jquery的文件上傳下載組件 html代碼 ...