Image Editor
Canvas image editor
Feature
- Load image to canvas
- Undo/Redo (With shortcut)
- Crop
- Flip
- Rotation
- Free Drawing
- Line drawing
- Shape
- Icon
- Text
- Mask Filter
- Image Filter
Documentation
Dependency
Tested Browsers
- Browser:
- IE9 ~ IE11
- Edge
- Chrome
- Firefox
- Safari
- Mobile test environment
Usage
Use npm
Install the latest version using npm
command:
$ npm install tui-image-editor --save
or want to install the each version:
$ npm install tui-image-editor@<version> --save
To access as module format in your code:
var ImageEditor = require('tui-image-editor');
var instance = new ImageEditor('.tui-image-editor', {
cssMaxWidth: 700,
cssMaxHeight: 500,
selectionStyle: {
cornerSize: 20,
rotatingPointOffset: 70
}
});
Use bower
Install the latest version using bower
command:
$ bower install tui-image-editor
or want to install the each version:
$ bower install tui-image-editor#<tag>
To access as namespace format in your code:
var imageEditor = new tui.ImageEditor('.tui-image-editor', {
cssMaxWidth: 700,
cssMaxHeight: 500,
selectionStyle: {
cornerSize: 20,
rotatingPointOffset: 70
}
});
Download
License
MIT LICENSE