Что это такое?
Cropper.js — это JavaScript-библиотека для обрезки изображений на веб-страницах: вы встраиваете её на страницу, и пользователи получают удобный интерактивный способ обрезать картинки прямо в браузере.
Это готовое приложение для обрезки или библиотека, из которой я собираю своё?
Это фронтенд-библиотека, а не отдельное приложение — вы подключаете её к своей веб-странице и встраиваете обрезку на свой сайт, добавив собственный интерфейс вокруг неё.
Как добавить её в свой проект?
Установите пакет cropperjs из npm (npm install cropperjs) и импортируйте его в свой код; в README есть ссылка на сайт проекта с полной документацией.
Она тянет за собой кучу зависимостей?
Нет — у пакета ноль зависимостей времени выполнения, так что в вашу сборку ничего лишнего не попадёт.
Я видел упоминания v1 и v2 — какую версию я получу?
Следите за мажорной версией: эта ветка — линия v2.x со своим API, а старая версия v1.x живёт в отдельной ветке v1, поэтому уроки по одной версии могут не подходить к другой.
Это что-то, что ставят обычные пользователи, или это для разработчиков?
Это для веб-разработчиков — вы встраиваете её в своё приложение, а ваши пользователи видят только интерфейс обрезки на вашей странице.
Она работает с React, Vue или Angular?
Ядро не привязано к фреймворкам, но в README есть ссылки на community-обёртки, среди них cropperjs-react-wrapper (совместима с v2), react-cropper, vue-cropperjs, angular-cropperjs, ember-cropperjs и blazor-cropperjs.
Можно использовать её в коммерческих проектах?
Да — она распространяется по лицензии MIT, так что коммерческое использование разрешено, если сохранить уведомление об авторских правах.
Она хорошо дружит с моим TypeScript-окружением?
Сама библиотека написана на TypeScript — GitHub указывает его как основной язык проекта — так что вы сразу работаете с типизированными API, а не прикручиваете типы потом.
What are similar projects?
squoosh, smartcrop.js, sharp, marked, fingerprintjs, sweetalert, markdown-it, react-dnd
Which topics is it in?
image-editing, image-processing, browser, web-development, npm, frontend, library, typescript, javascript, web, mit, open-source