-
Notifications
You must be signed in to change notification settings - Fork 88
Core|Features
This document explains the core features that you should know when using react-image-editor.
Since this project is planning to be turn into npm package, I'll use different terms. These terms will be used in package version.
react-image-editor
uses drag and drop to add any object to the canvas.
Any object in react-image-editor
can be selected via clicking the object. Also, user can select multiple object by click and drag the area or click with pressing Shift
key.
Any object in a canvas can be move by select and drag on other position.
Some objects in react-image-editor
can be resized. Most of them can be resized except Frame
since the size of a Frame
is fixed.
Some objects in react-image-editor
can be rotated.
In react-image-editor
, you can zoom in/out by scrolling inside of a canvas. The zoom feature should be implemented properly which means that it should be relative to current mouse position.
react-image-editor
also supports hot key feature. General hot key combination for image editing are implemented and used in this project.