newbieYoung / Simple Crop
Licence: mit
全网唯一支持裁剪图片任意角度旋转、交互体验媲美原生客户端的全平台图片裁剪组件。
Stars: ✭ 294
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Simple Crop
Jquery Cropper
A jQuery plugin wrapper for Cropper.js.
Stars: ✭ 516 (+75.51%)
Mutual labels: image-processing, cropper, image-cropper
Cropperjs
JavaScript image cropper.
Stars: ✭ 10,120 (+3342.18%)
Mutual labels: image-processing, cropper, image-cropper
Cropper
⚠️ [Deprecated] No longer maintained, please use https://github.com/fengyuanchen/jquery-cropper
Stars: ✭ 7,825 (+2561.56%)
Mutual labels: image-processing, cropper, image-cropper
React Native Image Cropper
Crop your images with zoom and pan
Stars: ✭ 150 (-48.98%)
Mutual labels: cropper, image-cropper
Tocropviewcontroller
A view controller for iOS that allows users to crop portions of UIImage objects
Stars: ✭ 4,210 (+1331.97%)
Mutual labels: image-processing, cropper
xcrop
Mobile image cropping component - Vue React 移动端裁剪组件
Stars: ✭ 27 (-90.82%)
Mutual labels: cropper, image-cropper
Faimagecropper
Image Cropper like Instagram
Stars: ✭ 188 (-36.05%)
Mutual labels: cropper, image-cropper
Vue Croppa
A simple straightforward customizable mobile-friendly image cropper for Vue 2.0.
Stars: ✭ 942 (+220.41%)
Mutual labels: cropper, image-cropper
Cropiwa
📐 Configurable Custom Crop widget for Android
Stars: ✭ 2,185 (+643.2%)
Mutual labels: cropper, image-cropper
react-drop-n-crop
An opinionated implementation of react-dropzone and react-cropper
Stars: ✭ 17 (-94.22%)
Mutual labels: cropper, image-cropper
vcrop
A simple Vue image cropping component.
Stars: ✭ 14 (-95.24%)
Mutual labels: cropper, image-cropper
Recursive Bf
A lightweight C++ library for recursive bilateral filtering [Yang, Qingxiong. "Recursive bilateral filtering". European Conference on Computer Vision, 2012].
Stars: ✭ 287 (-2.38%)
Mutual labels: image-processing
Rbgg
Isolate and remove the background gradient from images of paper.
Stars: ✭ 275 (-6.46%)
Mutual labels: image-processing
Optimizedimageenhance
Several image/video enhancement methods, implemented by Java, to tackle common tasks, like dehazing, denoising, backscatter removal, low illuminance enhancement, featuring, smoothing and etc.
Stars: ✭ 272 (-7.48%)
Mutual labels: image-processing
Mantis
A photo cropping tool which mimics Photo.app written by Swift.
Stars: ✭ 270 (-8.16%)
Mutual labels: image-cropper
Crunch
Crunch is a tool for lossy PNG image file optimization. It combines selective bit depth, color type, and color palette reduction with zopfli DEFLATE compression algorithm encoding using the pngquant and zopflipng PNG optimization tools. This approach leads to a significant file size gain relative to lossless approaches at the expense of a relatively modest decrease in image quality (see example images below).
Stars: ✭ 3,074 (+945.58%)
Mutual labels: image-processing
Slicer
Multi-platform, free open source software for visualization and image computing.
Stars: ✭ 263 (-10.54%)
Mutual labels: image-processing
Image Adaptive 3dlut
Learning Image-adaptive 3D Lookup Tables for High Performance Photo Enhancement in Real-time
Stars: ✭ 267 (-9.18%)
Mutual labels: image-processing
Androiddocumentscanner
This library helps to scan a document like CamScanner.
Stars: ✭ 264 (-10.2%)
Mutual labels: image-processing
SimpleCrop
全网唯一支持裁剪图片任意角度旋转、交互体验媲美原生客户端的全平台图片裁剪组件。
特性及优势
和目前流行的图片裁剪组件相比，其优势在于以下几点：
- 裁剪图片支持任意角度旋转；
- 支持 Script 标签、微信小程序、React、Vue；
- 支持移动和 PC 设备；
- 支持边界判断、当裁剪框里出现空白时，图片自动吸附至完全填满裁剪框；
- 移动端缩放以双指中心为基准点；
- 交互体验媲美原生客户端。
安装
npm install simple-crop
示例
微信小程序示例
移动端示例
左侧是 IOS 系统相册中原生的图片裁剪功能，右侧为 SimpleCrop 移动端示例。
可以扫描二维码体验：
或者访问以下链接：
https://newbieyoung.github.io/Simple-Crop/examples/test-2.html
PC 示例
链接如下：
https://newbieyoung.github.io/Simple-Crop/examples/test-1.html
用法
文档
开源许可协议
MIT License.
TodoList
| 类型 | 描述 | 状态 |
| feature | 支持镜像变换 | |
| feature | 支持常用滤镜 | |
| feature | 旋转时以裁剪框为中心 | |
| feature | 触摸移动时如果没有在图片区域是否应该触发 | |
| feature | 支持 flutter、Angular 等 | |
| feature | 微信小程序交互使用 wxs 优化 | |
| feature | 裁剪图片类型默认和上传图片类型一致，另外提供图片类型以及图片质量参数 |
兼容性自测
| 设备 | 浏览器 | 版本 | 结果 |
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].