Несколько рамок для обрезки на одном изображении с помощью ngx-image-cropper

Question

Я работаю с угловым для задачи обрезки изображения. Изображение имеет несколько граней, которые нужно выбрать по щелчку мыши. Как мы можем добавить несколько кропперов с пакетом npm для углового 'ngx-image-cropper' или любым другим решением по этому поводу?

Answer 1

Не думаю, что было бы неплохо иметь несколько ящиков для обрезки одновременно. Держите исходное изображение на экране и попытайтесь обрезать его по одному. Событие imageCropped объекта ngx-image-cropper предоставляет вам изображение base64 для выбранной области. Пример использования:

onImageCropped(event: ImageCroppedEvent) {
    console.log(event.base64);
}

Добавьте кнопку сохранения на страницу и сохраните выбор в массиве. Используйте их, когда вам нужно. Вы также можете показать их в div и удалить любой из них.