это когда ты загружаешь картинку на сайт и тебе надо ее обрезать перед тем как отправить на сервер.
Т.е. пользователь выбрал картинку локально, с помощью стандартного окна или путем перетаскивания, после открывается превью,
где на картинке можно выбрать область для обрезания картинки, после компонент должен кинуть события в котором вернуть картинку
и границы обрезки фото
Подключаем компонент:
import { PhotoCrop } from 'photo-crop-test-component'
import 'photo-crop-test-component/dist/style.css'Компонент принимает список файлов из инпута пропсом :file="event.target.files"
Эмитит парамерты фрейма кропа и размер картинки в событие @result
Можно включить режим эксперементального выделения области, передав параметр experimental-crop
Режим позволяет начать выделение области в любом месте. Сам режим не иделаен, но для демонстрации можно
Запустить дев сервер: npm run dev
Собрать компонент: npm run build
Отправить в npmnpm publish