mirror of
https://github.com/transloadit/uppy.git
synced 2026-07-22 09:48:06 +00:00
0c510ee799
* add more granular image rotation control Fixes: https://github.com/transloadit/uppy/issues/2636 * fixup! add more granular image rotation control * fixup! add more granular image rotation control * fixup! add more granular image rotation control * fixup! add more granular image rotation control * add input-range-scss dependency * Modify the rotation slider - Better visual styles for the slider - Position a toggle in the center of the slider - Make it work better on moblile - 90° rotation: rotate counterclockwise - 90° rotation: update icon * Use black background for the canvas when rotating (instead of gray) * Use smaller range for granular rotation input * Optimize event listeners * Fix styles and state unsyncronisation * Update package-lock.json Co-authored-by: Alexander Zaytsev <nqst@users.noreply.github.com> Co-authored-by: Artur Paikin <artur@arturpaikin.com> |
||
|---|---|---|
| .. | ||
| src | ||
| types | ||
| 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
const Uppy = require('@uppy/core')
const Dashboard = require('@uppy/dashboard')
const ImageEditor = require('@uppy/image-editor')
const uppy = Uppy()
uppy.use(Dashboard)
uppy.use(ImageEditor, {
target: Dashboard,
quality: 0.7
})
Installation
$ npm install @uppy/image-editor
We recommend installing from npm and then using a module bundler such as Webpack, Browserify or Rollup.js.
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.