tang-image-editor
It is a simple image editor of native javascript.
Quickstart
import TangImageEditor from 'tang-image-editor';
import 'tang-image-editor/index.css';
const colorPickerInstance = new TangImageEditor('#colorPicker', {
imgSrc: 'https://scaleflex.cloudimg.io/v7/demo/river.png', // picture url
color: '#F56C6C', // default color
lineWidth: 5, // line width
maxWidth: 500, // render area maxWidth
maxHeight: 500, // render area maxHeight
});
// change ImageSource
colorPickerInstance.setImageSrc('https://fuss10.elemecdn.com/9/bb/e27858e973f5d7d3904835f46abbdjpeg.jpeg');