A Vue.js image cropping plugin with rotation, zooming, fixed aspect ratios, and remote image support.
vue-img-cutter is a Vue.js plugin that enables image cropping, rotation, scaling, and manipulation directly in web applications. It solves the need for client-side image editing without external libraries, offering a configurable component that works with both local uploads and remote images. Developers can embed it as a modal or inline tool, adjusting output dimensions, aspect ratios, and visual effects.
Vue.js developers building applications that require user-facing image editing features, such as profile picture uploaders, content management systems, or photo editing tools.
It provides a comprehensive, Vue-native solution with extensive customization options, IE9+ compatibility, and support for remote images—advantages over simpler croppers or heavier standalone libraries.
简单易用的vue图片裁剪插件,支持移动图像,裁剪图片,放大缩小图片,上下左右移动,固定比例,固定尺寸,远程图片裁剪,只需要很少的代码就可以实现裁剪功能,也可以通过调整参数以适应你自己的业务需求。
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Supports IE9+ and modern browsers with fallback methods for remote images, as noted in the README's compatibility features and specific IE9 handling instructions.
Allows cropping images from external URLs with configurable cross-origin headers, enabling integration with APIs or CDNs without server-side processing.
Offers over 30 props for controlling dimensions, aspect ratios, watermarking, and output formats, providing fine-grained control over the cropping behavior.
Supports both modal and inline modes with Vue slots for customizing buttons and toolbar elements, allowing seamless adaptation to different application layouts.
The large number of props and hooks can be overwhelming, leading to potential misconfiguration and a steeper learning curve for straightforward use cases.
The README advises setting 'previewMode' to false for performance issues, indicating that real-time previews may cause lag, especially with large images.
Requires separate npm packages for Vue 2 and Vue 3 (vue-img-cutter@2 vs. @3), adding complexity for teams migrating or maintaining multiple Vue versions.