Skip to content

Core|Features

swimmingkiim edited this page Jun 17, 2023 · 4 revisions

Introduction

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.

Index

Drag and Drop

react-image-editor uses drag and drop to add any object to the canvas.

Selection

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.

Move

Any object in a canvas can be move by select and drag on other position.

Resize

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.

Rotate

Some objects in react-image-editor can be rotated.

Zoom

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.

Hot Key

react-image-editor also supports hot key feature. General hot key combination for image editing are implemented and used in this project.

Clone this wiki locally