mirror of
https://github.com/transloadit/uppy.git
synced 2026-07-23 10:18:40 +00:00
* Editor.jsx - make granular rotation [-45, 45] instead of [-45, 44] * Editor.jsx - add labels to all buttons * css - center granularRotation's label * locale - Revert -> Cancel -> Reset * locale - Rotate => Rotate 90° Co-authored-by: Alexander Zaytsev <nqst@users.noreply.github.com> * Update packages/@uppy/image-editor/src/locale.js locale - Flip => Flip horizontally Co-authored-by: Alexander Zaytsev <nqst@users.noreply.github.com> * typo fix * Editor.jsx - add cropbox limitation * Editor.jsx - always behave as if cropbox is still wrapping the full image on rotation * Editor.jsx - cropper settings => `.addEventListener` * cropper.scss - move all Uppy-specific changes into `style.scss` * css - enable theme-dependent backgrounds * inputrange.scss - update the version, move all Uppy-specific changes into `style.scss` * style.scss - improve toolbox styles * style.scss - make slider :hover/:focus visible! * prettier - run prettier on our new code * image editor - fix Alex's "weird image" error * image editor - add the `quality: 0.8` explanation * image editor - set the minimum height and width of the cropbox --------- Co-authored-by: Alexander Zaytsev <nqst@users.noreply.github.com> |
||
|---|---|---|
| .. | ||
| src | ||
| types | ||
| CHANGELOG.md | ||
| LICENSE | ||
| package.json | ||
| README.md | ||
@uppy/image-editor
Image Editor is an image cropping and editing plugin for Uppy. Designed to be used with the Dashboard UI (can in theory work without it).
⚠ In beta.
Uppy is being developed by the folks at Transloadit, a versatile file encoding service.
Example
import Uppy from '@uppy/core'
import Dashboard from '@uppy/dashboard'
import ImageEditor from '@uppy/image-editor'
const uppy = new Uppy()
uppy.use(Dashboard)
uppy.use(ImageEditor, {
target: Dashboard,
quality: 0.7,
})
Installation
$ npm install @uppy/image-editor
Alternatively, you can also use this plugin in a pre-built bundle from Transloadit’s CDN: Edgly. In that case Uppy will attach itself to the global window.Uppy object. See the main Uppy documentation for instructions.
Documentation
Documentation for this plugin can be found on the Uppy website.